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

Empieza reproduciendo la advertencia en la página de descripción general de Angular Material sobre form-field con mat-form-field, mat-select y mat-label, y luego rastrea cómo esos componentes renderizan la asociación con su etiqueta. Se considera terminado cuando Chrome ya no informa de un uso incorrecto del atributo for de label en este escenario.

Escrito por el modelo de indexación a partir del texto del issue.