Reveret module resolution/use theming updated syntax for colors obj

Author: KhizerRehan

modules/web/src/assets/themes/dark.scss

@@ -78,11 +78,13 @@ $colors-dark-palette: map.merge(
     500: #0072b0,
   )
 );
-$theme-dark: mat.m2-define-dark-theme(
-  mat.m2-define-palette($colors-dark-palette),
-  mat.m2-define-palette(mat.$m2-light-blue-palette),
-  mat.m2-define-palette(mat.$m2-pink-palette)
-);
+$theme-dark: mat.m2-define-dark-theme((
+  color: (
+    primary: mat.m2-define-palette($colors-dark-palette),
+    accent: mat.m2-define-palette(mat.$m2-light-blue-palette),
+    warn: mat.m2-define-palette(mat.$m2-pink-palette)
+  )
+));
 $background: map.get($theme-dark, background);
 $background: map.merge(
   $background,

modules/web/src/assets/themes/light.scss

@@ -74,11 +74,13 @@ $colors-light-palette: map.merge(
     500: #00517d,
   )
 );
-$theme-light: mat.m2-define-light-theme(
-  mat.m2-define-palette($colors-light-palette),
-  mat.m2-define-palette(mat.$m2-light-blue-palette),
-  mat.m2-define-palette(mat.$m2-pink-palette)
-);
+$theme-light: mat.m2-define-light-theme((
+  color: (
+    primary: mat.m2-define-palette($colors-light-palette),
+    accent: mat.m2-define-palette(mat.$m2-light-blue-palette),
+    warn: mat.m2-define-palette(mat.$m2-pink-palette)
+  )
+));
 $background: map.get($theme-light, background);
 $background: map.merge(
   $background,

modules/web/tsconfig.json

@@ -14,7 +14,7 @@
       "@environments/*": ["environments/*"],
       "@test/*": ["test/*"]
     },
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "module": "ES2020",
     "target": "ES2022",
     "strict": false,