bug(Date Picker): Date picker display incorrect Hijri dates using 'ar-SA' locale.

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

^17.0.0

### Description

I used to use Date Picker with Hijri dates, using native adapter and every thing works fine, after updating to angular ^18.1.0 dates not displayed correctly.

"dependencies": {
"@angular/animations": "^18.1.0",
"@angular/cdk": "^18.1.0",
"@angular/common": "^18.1.0",
"@angular/compiler": "^18.1.0",
"@angular/core": "^18.1.0",
"@angular/forms": "^18.1.0",
"@angular/material": "^18.1.3",
"@angular/platform-browser": "^18.1.0",
"@angular/router": "^18.1.0",
"rxjs": "^7.8.1",
"tslib": "^2.5.0",
"zone.js": "~0.14.0"
},


### Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-gq9csg?file=src%2Fglobal_styles.scss
Steps to reproduce:
1. open datepicker

### Expected Behavior

to display correct equivalent date in Hijri.

### Actual Behavior

Hijri date displayed inncorect, however value is correct.

### Environment

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

Beginne mit der verlinkten StackBlitz-Reproduktion und vergleiche ihr Verhalten mit Angular 18.1/@angular/material mit dem zuvor funktionierenden Angular-17-Setup. Verfolge den nativen Date-Adapter und den ar-SA-Anzeigepfad; als abgeschlossen gilt die Aufgabe, wenn der Date-Picker das korrekte entsprechende Hijri-Datum rendert und dabei den bereits korrekten Wert beibehält.

Vom Indexierungsmodell aus dem Issue-Text verfasst.