Upgrade all dependencies (Angular 13)

src/custom-theme.scss

@@ -1,26 +1,25 @@
-
 // Custom Theming for Angular Material
+@use '@angular/material' as mat;
 // For more information: https://material.angular.io/guide/theming
-@import '~@angular/material/theming';
 // Plus imports for other components in your app.
 
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
-@include mat-core();
+@include mat.core();
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue. Available color palettes: https://material.io/design/color/
-$sample-oauth-primary: mat-palette($mat-indigo);
-$sample-oauth-accent: mat-palette($mat-pink, A200, A100, A400);
+$sample-oauth-primary: mat.define-palette(mat.$indigo-palette);
+$sample-oauth-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
 
 // The warn palette is optional (defaults to red).
-$sample-oauth-warn: mat-palette($mat-red);
+$sample-oauth-warn: mat.define-palette(mat.$red-palette);
 
 // Create the theme object. A theme consists of configurations for individual
 // theming systems such as "color" or "typography".
-$sample-oauth-theme: mat-light-theme((
+$sample-oauth-theme: mat.define-light-theme((
   color: (
     primary: $sample-oauth-primary,
     accent: $sample-oauth-accent,
@@ -31,5 +30,5 @@ $sample-oauth-theme: mat-light-theme((
 // Include theme styles for core and each component used in your app.
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
-@include angular-material-theme($sample-oauth-theme);
+@include mat.all-component-themes($sample-oauth-theme);