Element toolbar text shouldn't inherit content styles

[petersandor]

Current Behavior

Element toolbar text is inheriting styling which is intended for its content.

Steps To Reproduce

Add a text element and style it with the following styles:

    font-size: var(--cds-heading-04-font-size, 1.75rem);
    font-weight: var(--cds-heading-04-font-weight, 400);
    line-height: var(--cds-heading-04-line-height, 1.28572);
    letter-spacing: var(--cds-heading-04-letter-spacing, 0);
    min-height: 2.5rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

Expected Behavior

Toolbar text should not inherit styles which was meant for the actual text element content.

What browsers are you seeing the problem on?

No response

Environment

No response

Additional resources

Note the font size of the text in the toolbar:

It is inherited because the class with the styles is applied on the parent element: