date picker using 'ar-SA' locale, displayed dates not correct, while value is ok.

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

### Description

I used to use Date Picker with Hijri dates, using native adabter and every thing works fine, after updating to angular 18.1 I got this issue:

* in main.ts => regist SA locale

```
import LocaleSA from '@angular/common/locales/ar-SA';
registerLocaleData(LocaleSA, LanguageEnum.AR);
```

* in app.config.ts => provide native adapter

```
provideNativeDateAdapter(),
{ provide: MAT_DATE_LOCALE, useValue: 'ar-SA' },
```


### Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

### Expected Behavior

I expect to see the correct Hijri date in this case Muharram / محرم first month of Hijri year not Shawal / شوال, and day is 22 not 30

### Actual Behavior

the calendar point at 30/Shawal not 22/Muharram, 30/شوال not 22/محرم

### Environment

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

Bắt đầu bằng cách xem lại việc đăng ký locale trong main.ts, cùng với native date adapter và cấu hình MAT_DATE_LOCALE trong app.config.ts. Tái hiện date picker với locale ar-SA, sau đó xác minh rằng tháng và ngày Hijri được hiển thị khớp với giá trị đã chọn, cụ thể là 22 Muharram thay vì 30 Shawal.

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