chore: Replaced deprecated Spacing variables with current values

Approved-by: Matilda Landström

apps/scandic-web/components/SasTierComparison/sasTierComparison.module.css

@@ -1,15 +1,15 @@
 .comparisonSection {
   width: 100%;
-  gap: var(--Spacing-x6);
+  gap: var(--Space-x6);
   background-color: var(--Base-Surface-Primary-light-Normal);
   border-radius: var(--Corner-radius-lg);
-  padding: var(--Spacing-x6) var(--Spacing-x2);
+  padding: var(--Space-x6) var(--Space-x2);
 }
 
 .header {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x1);
+  gap: var(--Space-x1);
   margin: 0 auto;
   align-items: center;
   text-align: center;
@@ -23,7 +23,7 @@
 .link {
   display: flex;
   align-items: center;
-  gap: var(--Spacing-x-half);
+  gap: var(--Space-x05);
 }
 
 .tierMatchList {
@@ -67,7 +67,7 @@
 
 .iconWrapper {
   position: absolute;
-  right: var(--Spacing-x1);
+  right: var(--Space-x1);
 }
 .chevron {
   transition: transform 200ms;
@@ -87,8 +87,8 @@
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
-  row-gap: var(--Spacing-x2);
-  margin-bottom: var(--Spacing-x2);
+  row-gap: var(--Space-x2);
+  margin-bottom: var(--Space-x2);
   place-items: center;
 }
 
@@ -107,7 +107,7 @@
 
 .tierTitles {
   cursor: pointer;
-  padding: var(--Spacing-x-half);
+  padding: var(--Space-x05);
   position: relative;
   width: 100%;
   height: 64px;
@@ -136,15 +136,15 @@
 }
 
 .tierContent {
-  padding: var(--Spacing-x3);
+  padding: var(--Space-x3);
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x2);
+  gap: var(--Space-x2);
 }
 
 .tierInfo {
   display: grid;
-  gap: var(--Spacing-x2);
+  gap: var(--Space-x2);
 }
 
 .htmlContent {
@@ -162,7 +162,7 @@
 
   & > span {
     position: relative;
-    padding: 0 var(--Spacing-x1);
+    padding: 0 var(--Space-x1);
     background-color: white;
     white-space: nowrap;
   }
@@ -190,6 +190,6 @@
   }
 
   .columnHeaders {
-    column-gap: var(--Spacing-x3);
+    column-gap: var(--Space-x3);
   }
 }