Issue #ED-422 sass migration fix

package.json

@@ -24,7 +24,7 @@
     "@angular/platform-browser": "^11.2.14",
     "@angular/platform-browser-dynamic": "^11.2.14",
     "@angular/router": "^11.2.14",
-    "@project-sunbird/sb-styles": "0.0.11",
+    "@project-sunbird/sb-styles": "0.0.13",
     "core-js": "^2.5.4",
     "rxjs": "~6.6.7",
     "sass": "^1.56.1",

projects/common-consumption/package.json

 {
     "name": "@project-sunbird/common-consumption",
-    "version": "4.12.0",
+    "version": "4.12.1",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/Sunbird-Ed/SunbirdEd-consumption-ngcomponents.git"

projects/common-consumption/src/lib/card/member-card/member-card.component.scss

 @use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 @use "~@project-sunbird/sb-styles/assets/loadingshadows" as *;
 ::ng-deep :root {
-  --cc-members-list-item-selected:var(--rc-E0EFFF);
-  --cc-members-list-item-selected-border:var(--rc-E0EFFF);
+  --cc-members-list-item-selected:var(--sbt-body-bg)
+  --cc-members-list-item-selected-border:var(--sbt-body-bg2)
   --cc-members-list-item-menu-text:var(--gray-200);
   --cc-members-list-item-status-text:var(--secondary-200);
     --cc-members-list-item-status-br:var(--secondary-200);

projects/common-consumption/src/lib/faq/faq/faq.component.scss

@@ -7,16 +7,12 @@
     --cc-faq-panel-title-text:var(--primary-color);
     --cc-faq-info-msg-bg:var(--primary-0);
     --cc-faq-panelheader-bg: var(--white);
-    --cc-faq-panel-body-bg:#F3F7FA;
-    --cc-faq-panel-interact-bg:var(--white);
+    --cc-faq-panel-body-bg:var(--primary-0);
+    --cc-faq-panel-interact-bg:var(--primary-100);
     --cc-faq-yesbtn-bg:rgba(0,136,64,0.1);
     --cc-faq-yesbtn-text:#008840;
     --cc-faq-nobtn-bg:rgba(2, 79, 157, 0.1);
-    --cc-faq-nobtn-text:#024F9D;
-}
-
-.cc-faq-panel {
-
+    --cc-faq-nobtn-text:var(--primary-color);
 }
 .contentPadding{
     padding-bottom: 0px;

projects/common-consumption/src/lib/library-filters/library-filters/library-filters.component.scss

@@ -90,9 +90,8 @@
 
     // grade filter pill styles
     .sb-grade-pills-container {
-
       min-height: calculateRem(48px);
-      background: var(--cc-grade-pill-container-bg);
+      background: transparent; //var(--cc-grade-pill-container-bg);
       min-width: 100%;
 
       .pill {