fix(material/core): allow mixins to handle 2018 typography configs

In 2018 Material Design did a major overhaul of their spec and changed
the typography levels. This PR makes it so that our typography mixins
can handle configs that speicfy the levels for the 2018 update. The
mixins themselves still use the 2014 levels in their implementation, but
are able to map the new levels to what they would have corresponded to
in the old system.

For refernece, see both versions of the spec below.
2014 spec: https://material.io/archive/guidelines/style/typography.html#typography-styles
2018 spec: https://material.io/design/typography/the-type-system.html#type-scale

Author: mmalerba

src/material-experimental/mdc-autocomplete/_autocomplete-theme.scss

@@ -11,7 +11,7 @@
 }
 
 @mixin mat-mdc-autocomplete-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-menu-surface-core-styles($mat-typography-styles-query);
 

src/material-experimental/mdc-button/_button-theme.scss

@@ -167,7 +167,7 @@ $mat-button-state-target: '.mdc-button__ripple';
 }
 
 @mixin mat-mdc-button-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-button-without-ripple($query: $mat-typography-styles-query);
   }
@@ -253,7 +253,7 @@ $mat-button-state-target: '.mdc-button__ripple';
 }
 
 @mixin mat-mdc-fab-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-fab-without-ripple($query: $mat-typography-styles-query);
   }
@@ -326,7 +326,7 @@ $mat-button-state-target: '.mdc-button__ripple';
 }
 
 @mixin mat-mdc-icon-button-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-icon-button-without-ripple($query: $mat-typography-styles-query);
   }

src/material-experimental/mdc-card/_card-theme.scss

@@ -32,7 +32,7 @@
 }
 
 @mixin mat-mdc-card-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-card-without-ripple($query: $mat-typography-styles-query);
 

src/material-experimental/mdc-checkbox/_checkbox-theme.scss

@@ -83,7 +83,7 @@
 }
 
 @mixin mat-mdc-checkbox-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-checkbox-without-ripple($query: $mat-typography-styles-query);
     @include mdc-form-field-core-styles($query: $mat-typography-styles-query);

src/material-experimental/mdc-chips/_chips-theme.scss

@@ -56,7 +56,7 @@
 }
 
 @mixin mat-mdc-chips-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mdc-chip-set-core-styles($query: $mat-typography-styles-query);
   @include mat-using-mdc-typography($config) {
     @include mdc-chip-without-ripple($query: $mat-typography-styles-query);

src/material-experimental/mdc-core/option/_optgroup-theme.scss

@@ -19,9 +19,7 @@
   }
 }
 
-@mixin mat-mdc-optgroup-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
-}
+@mixin mat-mdc-optgroup-typography($config-or-theme) {}
 
 @mixin mat-mdc-optgroup-density($config-or-theme) {
   $density-scale: mat-get-density-config($config-or-theme);

src/material-experimental/mdc-core/option/_option-theme.scss

@@ -41,9 +41,7 @@
   }
 }
 
-@mixin mat-mdc-option-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
-}
+@mixin mat-mdc-option-typography($config-or-theme) {}
 
 @mixin mat-mdc-option-density($config-or-theme) {
   $density-scale: mat-get-density-config($config-or-theme);

src/material-experimental/mdc-dialog/_dialog-theme.scss

@@ -9,7 +9,7 @@
 }
 
 @mixin mat-mdc-dialog-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-dialog-core-styles($query: $mat-typography-styles-query);
   }

src/material-experimental/mdc-form-field/_form-field-subscript.scss

@@ -44,7 +44,7 @@
 }
 
 @mixin mat-mdc-private-form-field-subscript-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   // The unit-less line-height from the font config.
   $line-height: mat-line-height($config, input);
   // The amount to scale the font for the subscript.

src/material-experimental/mdc-form-field/_form-field-theme.scss

@@ -59,7 +59,7 @@
 }
 
 @mixin mat-mdc-form-field-typography($config-or-theme) {
-  $config: mat-get-typography-config($config-or-theme);
+  $config: mat-private-typography-normalized-config(mat-get-typography-config($config-or-theme));
   @include mat-using-mdc-typography($config) {
     @include mdc-text-field-without-ripple($query: $mat-typography-styles-query);
     @include mdc-floating-label-core-styles($query: $mat-typography-styles-query);