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

Commencez par examiner l’enregistrement de la locale dans main.ts, ainsi que l’adaptateur de dates natif et la configuration de MAT_DATE_LOCALE dans app.config.ts. Reproduisez le sélecteur de date avec la locale ar-SA, puis vérifiez que le mois et le jour hégiriens affichés correspondent à la valeur sélectionnée, précisément 22 Muharram plutôt que 30 Shawal.

Rédigé par le modèle d'indexation à partir du texte de l'issue.