Upgrade to Angular 12

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

@@ -1,4 +1,4 @@
-@import "~@angular/material/theming";
+@use '~@angular/material' as mat;
 
 @mixin loans-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -6,7 +6,7 @@
   mifosx-loans-view {
     .loan-card {
       .header {
-        background-color: mat-color($primary, 500);
+        background-color: mat.get-color-from-palette($primary, 500);
       }
     }
   }