bug(MatFormField): Rendering MatChips within a MatChipGrid using NgTemplateOutlet breaks the floating label.

### Description

Rendering MatChips within a MatChipGrid using NgTemplateOutlet breaks the floating label.

### Reproduction

StackBlitz link:
https://stackblitz.com/edit/itsykq?file=src%2Fexample%2Fchips-form-control-example.ts

### Expected Behavior

I expected the rendered chip template to work as normal chip.

### Actual Behavior

What happens is that when we click away from the input field, the float label floats down, making the label obstructed by the chips added.

### Environment

- Angular: 17.1
- CDK/Material: 17.1
- Browser(s): Chrome
- Operating System: macOS

Start by running the linked StackBlitz reproduction and inspecting the MatFormField, MatChipGrid, and NgTemplateOutlet interaction described there. Compare the floating label behavior before and after clicking away from the input; done means the rendered chips behave normally and the label remains correctly floated without being obstructed.

Written by the indexing model from the issue text.