fix(material/schematics): add typography and density to custom theme (#…

…28645)

Fixes that the template for a custom theme didn't include a typography config and a density.

Fixes #28642.

(cherry picked from commit dd97c0e)

guides/theming.md

@@ -193,6 +193,7 @@ $my-theme: mat.define-light-theme((
    primary: $my-primary,
    accent: $my-accent,
  ),
+ typography: mat.define-typography-config(),
  density: 0,
 ));
 
@@ -536,14 +537,14 @@ the CSS in each shadow root, or by using [Constructable Stylesheets][constructab
 
 ## User preference media queries
 
-Angular Material does not apply styles based on user preference media queries, such as 
+Angular Material does not apply styles based on user preference media queries, such as
 `prefers-color-scheme` or `prefers-contrast`. Instead, Angular Material's Sass mixins give you the
 flexibility to apply theme styles to based on the conditions that make the most sense for your
 users. This may mean using media queries directly or reading a saved user preference.
 
 ## Style customization outside the theming system
 
-Angular Material supports customizing color, typography, and density as outlined in this document. 
-Angular strongly discourages, and does not directly support, overriding component CSS outside the 
-theming APIs described above. Component DOM structure and CSS classes are considered private 
+Angular Material supports customizing color, typography, and density as outlined in this document.
+Angular strongly discourages, and does not directly support, overriding component CSS outside the
+theming APIs described above. Component DOM structure and CSS classes are considered private
 implementation details that may change at any time.

src/material/schematics/ng-add/theming/create-custom-theme.ts

@@ -35,7 +35,9 @@ $${name}-theme: mat.define-light-theme((
     primary: $${name}-primary,
     accent: $${name}-accent,
     warn: $${name}-warn,
-  )
+  ),
+  typography: mat.define-typography-config(),
+  density: 0
 ));
 
 // Include theme styles for core and each component used in your app.