fix(material/core): update prebuilt themes to use mat.theme (#29989)

Co-authored-by: Andrew Seguin <andrewseguin@google.com>

src/material/core/theming/prebuilt/azure-blue.scss

@@ -1,27 +1,14 @@
-@use '../../theming/definition';
-@use '../../theming/color-api-backwards-compatibility';
 @use '../../theming/palettes';
-@use '../all-theme';
-@use '../../core';
-@use '../../typography/typography';
-
-@include core.app-background();
-@include core.elevation-classes();
-
-$theme: definition.define-theme((
-  color: (
-    theme-type: light,
-    primary: palettes.$azure-palette,
-    tertiary: palettes.$blue-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-));
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: light,
+      primary: palettes.$azure-palette,
+      tertiary: palettes.$blue-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);
-@include typography.typography-hierarchy($theme);

src/material/core/theming/prebuilt/cyan-orange.scss

@@ -1,27 +1,14 @@
-@use '../../theming/definition';
-@use '../../theming/color-api-backwards-compatibility';
 @use '../../theming/palettes';
-@use '../all-theme';
-@use '../../core';
-@use '../../typography/typography';
-
-@include core.app-background();
-@include core.elevation-classes();
-
-$theme: definition.define-theme((
-  color: (
-    theme-type: dark,
-    primary: palettes.$cyan-palette,
-    tertiary: palettes.$orange-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-));
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: dark,
+      primary: palettes.$cyan-palette,
+      tertiary: palettes.$orange-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);
-@include typography.typography-hierarchy($theme);

src/material/core/theming/prebuilt/magenta-violet.scss

@@ -1,27 +1,14 @@
-@use '../../theming/definition';
-@use '../../theming/color-api-backwards-compatibility';
 @use '../../theming/palettes';
-@use '../all-theme';
-@use '../../core';
-@use '../../typography/typography';
-
-@include core.app-background();
-@include core.elevation-classes();
-
-$theme: definition.define-theme((
-  color: (
-    theme-type: dark,
-    primary: palettes.$magenta-palette,
-    tertiary: palettes.$violet-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-));
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: dark,
+      primary: palettes.$magenta-palette,
+      tertiary: palettes.$violet-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);
-@include typography.typography-hierarchy($theme);

src/material/core/theming/prebuilt/rose-red.scss

@@ -1,27 +1,14 @@
-@use '../../theming/definition';
-@use '../../theming/color-api-backwards-compatibility';
 @use '../../theming/palettes';
-@use '../all-theme';
-@use '../../core';
-@use '../../typography/typography';
-
-@include core.app-background();
-@include core.elevation-classes();
-
-$theme: definition.define-theme((
-  color: (
-    theme-type: light,
-    primary: palettes.$rose-palette,
-    tertiary: palettes.$red-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-));
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: light,
+      primary: palettes.$rose-palette,
+      tertiary: palettes.$red-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);
-@include typography.typography-hierarchy($theme);