Upgrade Angular 13

src/app/centers/centers-view/centers-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin centers-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/clients/clients-view/clients-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin clients-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/deposits/fixed-deposits/fixed-deposit-account-view/fixed-deposit-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin fixed-deposits-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -12,5 +12,5 @@
         color: mat.get-contrast-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/app/deposits/recurring-deposits/recurring-deposits-account-view/recurring-deposits-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin recurring-deposits-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/groups/groups-view/groups-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin groups-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -8,5 +8,5 @@
         background-color: mat.get-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/app/home/dashboard/dashboard.component-theme.scss

@@ -1,10 +1,10 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin dashboard-component-theme($theme) {
   $primary: map-get($theme, primary);
-  
+
   mifosx-dashboard {
-    
+
     .recent-activities, .frequent-activities {
       .header {
         background-color: mat.get-color-from-palette($primary, 500);

src/app/loans/loans-view/loans-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin loans-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/savings/savings-account-view/savings-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin savings-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -12,5 +12,5 @@
         color: mat.get-contrast-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/app/shares/shares-account-view/shares-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin shares-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -12,5 +12,5 @@
         color: mat.get-contrast-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }