chore: generated design system css variables from updated json file

Approved-by: Matilda Landström

apps/partner-sas/globals.css

@@ -94,7 +94,7 @@ body.partner-sas {
 
   --Border-Divider-Default: var(--SAS-Gray-90);
   --Border-Divider-Subtle: var(--SAS-Gray-90);
-  --Border-Intense: var(--SAS-Gray-40);
+  --Border-Strong: var(--SAS-Gray-40);
   --Border-Interactive-Selected: var(--SAS-Gray-40);
   --Border-Interactive-Default: var(--SAS-Gray-40);
 
@@ -130,7 +130,7 @@ body.partner-sas {
 
   --Scandic-Brand-Warm-White: var(--Background-Primary);
   --Text-Accent-Primary: var(--SAS-20);
-  --Text-Accent-Secondary: var(--SAS-Gray-40);
+  --Text-Brand-OnAccent-Accent-Secondary: var(--SAS-Gray-40);
   --Text-Heading: var(--SAS-Gray-20);
   --Text-Interactive-Default: var(--SAS-20);
   --Text-Interactive-Hover: var(--SAS-40);

apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css

@@ -64,7 +64,7 @@
 
 .noPointsWarning {
   align-self: end;
-  color: var(--Surface-Feedback-Information-Accent);
+  color: var(--Surface-Feedback-Information);
 }
 
 .balanceLabel {
@@ -151,7 +151,7 @@
     }
 
     &[data-focus-visible] {
-      outline: 2px solid var(--Surface-Feedback-Neutral);
+      outline: 2px solid var(--Surface-Feedback-Neutral-light);
     }
 
     &[data-dragging] .sliderOutput {

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css

@@ -13,7 +13,7 @@
 }
 
 .guests {
-  color: var(--Text-Accent-Secondary);
+  color: var(--Text-Brand-OnAccent-Accent-Secondary);
 }
 
 .imageContainer {

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css

@@ -55,7 +55,7 @@
   flex: 1 0 0;
   border-radius: var(--Corner-radius-md);
   border: 1px solid var(--Base-Border-Subtle);
-  background: var(--Surface-Feedback-Information);
+  background: var(--Surface-Feedback-Information-light);
 
   align-items: center;
   gap: var(--Spacing-x1);
@@ -63,7 +63,7 @@
 }
 
 .free {
-  background: var(--Surface-Feedback-Succes);
+  background: var(--Surface-Feedback-Succes-light);
 }
 
 .breakfastPriceBox dt {

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css

@@ -9,7 +9,7 @@
 
 .link {
   align-items: center;
-  background: var(--Surface-Feedback-Information);
+  background: var(--Surface-Feedback-Information-light);
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: var(--Corner-radius-md);
   color: var(--Text-Interactive-Default);