FormField outline border wrong on Google chrome with lower zoom than 100%

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

Angular material form field outline gap border is bigger with 1px than mat-form-field-outline-start, mat-form-field-outline-end classes border.

### Reproduction

Steps to reproduce:
1. Open form field outline with google chrome
2. Set zoom to 90%
3. Take hover on form field

### Expected Behavior

Same border width on outline form field.

### Actual Behavior


### Environment

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

Tái hiện hành vi của trường biểu mẫu outline trong Google Chrome ở mức thu phóng 90% bằng Angular Material 13.2.2 trên Windows 10, sau đó xác định phần triển khai chịu trách nhiệm cho outline gap và các lớp border của nó. Hoàn thành khi outline gap và các border mat-form-field-outline-start/end có cùng độ rộng trong khi hover ở mức thu phóng giảm.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.