bug(form-field): mat-label overlap mat-suffix

[RedHeadEmile]

Is this a regression?

• [X] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

15.x

Description

When the mat-label is too long, it overlap the mat-suffix of the mat-form-field.

Reproduction

• Create a mat-form-field
• Place a mat-suffix inside of it
• Place a long mat-label inside of it

Expected Behavior

Actual Behavior

Environment

• Angular: 17.x
• CDK/Material: Material
• Browsers: Firefox & Google Chrome
• Windows

[mmalerba]

Here's a repro for this bug: https://stackblitz.com/edit/amxngc?file=src%2Fexample%2Fform-field-appearance-example.html