bug(mat-form-field): when using appearance="outline", input fields increases in height.

### 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

_No response_

### Description

When using mat-form-field with appearance="outline", text input field increases in height after entering a text
Reproduces on mobile devices with iOS 17+

### Reproduction

Steps to reproduce:

1. Open Safari 17 on a mobile device (it is the default browser for iOS 17)
2. Open Angular Material Page at https://material.angular.io/components/form-field/overview
3. Find Outline form field
4. Enter any text. Probably need to clear the field and enter the text again.

### Expected Behavior

The height of the field should be the same as the field without text

### Actual Behavior

The field height is different compared to the field without text

### Environment

- Angular: 15-17
- CDK/Material: 15-17
- Browser(s): mobile Safari 17
- Operating System iOS 17.1.2

Inizia riproducendo il problema nella Angular Material form-field overview page su mobile Safari 17, usando un outline form field e confrontandone l'altezza prima e dopo l'inserimento di testo. Il lavoro è completato quando l'outlined input mantiene la stessa altezza con e senza testo su iOS 17+, con la regressione coperta da un test appropriato del progetto.

Scritto dal modello di indicizzazione a partire dal testo della issue.