bug(form-field): Outlined form-field should have enough space to contain floating label

### Is this a regression?

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

### The previous version in which this bug was not present was

_No response_

### Description

When using `outline` appearance for `mat-form-field`, the floating label overflows out of component itself. The `mat-form-field` component should have enough space on top to contain floating label. See below screenshot for reference:

### Reproduction

StackBlitz link: https://stackblitz.com/edit/rxp9hmcc?file=src%2Fexample%2Fform-field-appearance-example.html

### Expected Behavior

The `mat-form-field` component should have enough space (margin) on top to contain floating label.

### Actual Behavior

The `mat-form-field` component does not have enough space (margin) on top to contain floating label.

### Environment

- Angular: 20
- CDK/Material: 20
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Beginnen Sie mit der verknüpften StackBlitz-Reproduktion und ihrem Beispiel für die Darstellung von Formularfeldern und untersuchen Sie anschließend das Layout und die Stile des umrandeten mat-form-field von Angular Material, die am schwebenden Label beteiligt sind. Als erledigt gilt die Aufgabe, wenn die umrandete Komponente ausreichend Platz am oberen Rand für das schwebende Label bietet, ohne dass es im gemeldeten Setup mit Angular 20, Chrome und macOS überläuft.

Vom Indexierungsmodell aus dem Issue-Text verfasst.