Refactor: Fix warnings

Author: rarestoma

angular.json

@@ -53,7 +53,6 @@
               },
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,

src/assets/scss/core/variables/_bootstrap-material-design.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 $bmd-label-color-focus: $brand-primary !default;
 $bmd-invalid-underline: $brand-danger !default;
 $bmd-readonly-underline: $input-border-color !default;
@@ -20,8 +22,8 @@ $mdb-input-font-size-base: 14px !default;
 $mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px
 $mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px
 
-$bmd-bmd-label-static-size-ratio: 75 / 100 !default;
-$bmd-help-size-ratio: 75 / 100 !default;
+$bmd-bmd-label-static-size-ratio: math.div(75, 100) !default;
+$bmd-help-size-ratio: math.div(75, 100) !default;
 
 $bmd-form-control-bg-repeat-y: no-repeat !default;
 $bmd-form-control-bg-position: center bottom, center calc(100% - 1px) !default;

src/assets/scss/core/variables/_type.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 // Typography
 //
 // Font, line-height, and color for body text, headings, and more.
@@ -43,7 +45,7 @@ $display4-size: 2.125rem !default; // md display-1 34px was 3.5rem
 //
 //$line-height-base:                1.5 !default;
 //
-$headings-margin-bottom:     ($spacer / 2) !default;
+$headings-margin-bottom:     math.div($spacer, 2) !default;
 //$headings-font-family:       inherit !default;
 $headings-font-weight:         400 !default; // was 500