bug(mat-datepicker): Custom font not applied to mat-datepicker

[DzmVasileusky]

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

14

Description

Custom font-family isn't applied to mat-datepicker

Reproduction

Steps to reproduce:

1. Add the following code

   $my-typography: mat.define-typography-config(
   $font-family: 'proxima-nova', system, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif
   );
   $my-theme: mat.define-light-theme((
   typography: $my-typography
   ));
   @include mat.core();
   @include mat.all-component-themes($my-theme);

2. Add mat-datepicker on any page

Expected Behavior

mat-datepicker elements have font-family: 'proxima-nova', system, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif

Actual Behavior

mat-datepicker elements have font-family: Roboto, "Helvetica Neue", sans-serif;

Environment

• Angular: 15.1.0
• CDK/Material: 15.1.0
• Browser(s): Chrome 107.0.5304.110
• Operating System (e.g. Windows, macOS, Ubuntu): MacOS BigSur 11.2.3

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}