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):

Bắt đầu với bản tái hiện StackBlitz được liên kết và so sánh hành vi của Angular 18.1/@angular/material với thiết lập Angular 17 đã hoạt động trước đó. Theo dõi bộ điều hợp ngày gốc và đường dẫn hiển thị ar-SA; được coi là hoàn tất khi bộ chọn ngày hiển thị đúng ngày Hijri tương đương đồng thời giữ nguyên giá trị vốn đã đúng.

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