Chrome complaining about "illegal use of labels"

### Description

When using `` with `` and `` Chrome prints out the following warning:
**`Incorrect use of `**

I assume this is a new check Chrome added in a recent versions to it's dev tools. Though I guess Angular Material should probably comply to those, if at all possible.

### Reproduction

This can be easily reproduced, even on the Angular Material Page, e.g. on https://material.angular.io/components/form-field/overview (though it appears on any page that uses `` and `` within ``


### Expected Behavior

No error should be displayed

### Actual Behavior

**Incorrect use of ``** is printed for each mat-label within a mat-form-field

### Environment

- Angular: 17.0.1
- CDK/Material: 17.0.1
- Browser(s): Chrome 117
- Operating System: Windows

Commencez par reproduire l’avertissement sur la page de présentation de form-field d’Angular Material avec mat-form-field, mat-select et mat-label, puis suivez la manière dont ces composants rendent l’association avec leur libellé. C’est terminé lorsque Chrome ne signale plus une utilisation incorrecte de l’attribut for de label dans ce scénario.

Rédigé par le modèle d'indexation à partir du texte de l'issue.