build(angular-material-sample): resolve issues

Author: simeonoff

src/app/theming/angular/angular-sample.component.scss

@@ -1,3 +1,4 @@
+@use 'sass:map';
 @use '@angular/material' as mat;
 @use '../../../variables' as *;
 @include mat.core();
@@ -18,9 +19,9 @@ $saturations: (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400
     $contrast: ();
     $result: ();
     @each $saturation in $saturations {
-        $shade: map-merge($shade, ($saturation: color($palette, $color, $saturation)));
-        $contrast: map-merge($contrast, ($saturation: color($palette, $color, #{$saturation}-contrast)));
-        $result: map-merge($shade, (contrast: $contrast));
+        $shade: map.merge($shade, ($saturation: color($palette, $color, $saturation)));
+        $contrast: map.merge($contrast, ($saturation: color($palette, $color, #{$saturation}-contrast)));
+        $result: map.merge($shade, (contrast: $contrast));
     }
 
     @return $result;
@@ -210,16 +211,16 @@ igx-expansion-panel-body {
 
         .mat-mdc-slider.secondary .mdc-slider__track--inactive,
         .mat-mdc-slider.secondary .mdc-slider__thumb-knob {
-            background-color: color($custom-mat-light-theme, 'secondary');
+            background-color: color($custom-mat-light-theme, 'accent');
         }
 
         .mat-mdc-slider.secondary .mdc-slider__track--active_fill,
         .mat-mdc-slider.secondary .mdc-slider__thumb-knob {
-            border-color: color($custom-mat-light-theme, 'secondary');
+            border-color: color($custom-mat-light-theme, 'accent');
         }
 
         .mat-mdc-slider.secondary .mat-mdc-slider-visual-thumb .mat-ripple > * {
-            background-color: color($custom-mat-light-theme, 'secondary');
+            background-color: color($custom-mat-light-theme, 'accent');
             opacity: .12;
         }
 
@@ -229,7 +230,7 @@ igx-expansion-panel-body {
 
         .mat-mdc-form-field-focus-overlay,
         .mdc-text-field--filled:not(.mdc-text-field--disabled) {
-            background-color: color($custom-mat-light-theme, 'surface');
+            background-color: color($igx-light-palette, 'surface');
         }
     }
 }