chore: Replaced deprecated Spacing variables with current values

Approved-by: Matilda Landström

packages/design-system/lib/components/HotelCard/HotelCardSkeleton.module.css

@@ -22,8 +22,8 @@
 .priceVariants {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x1);
-  padding: var(--Spacing-x2);
+  gap: var(--Space-x1);
+  padding: var(--Space-x2);
   flex: 1;
 }
 
@@ -31,8 +31,8 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  gap: var(--Spacing-x1);
-  padding: var(--Spacing-x2);
+  gap: var(--Space-x1);
+  padding: var(--Space-x2);
 }
 
 .text {
@@ -41,7 +41,7 @@
 
 @media (min-width: 1367px) {
   .content {
-    padding: var(--Spacing-x2) 0 var(--Spacing-x2) var(--Spacing-x2);
+    padding: var(--Space-x2) 0 var(--Space-x2) var(--Space-x2);
   }
 
   .text {

packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css

@@ -6,14 +6,14 @@
   width: 100%;
 }
 .divider {
-  margin: var(--Spacing-x-half) 0;
+  margin: var(--Space-x05) 0;
 }
 
 .priceRow {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
-  padding: var(--Spacing-x-quarter) 0;
+  padding: var(--Space-x025) 0;
 }
 
 .redColor {
@@ -28,7 +28,7 @@
 
 .price {
   display: flex;
-  gap: var(--Spacing-x-half);
+  gap: var(--Space-x05);
 }
 
 .voucherChqRate {

packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css

@@ -9,7 +9,7 @@
 .voucherRow,
 .voucher {
   display: flex;
-  gap: var(--Spacing-x-half);
+  gap: var(--Space-x05);
   justify-content: space-between;
   align-items: baseline;
 }

packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css

@@ -8,5 +8,5 @@
 
 .noRooms {
   display: flex;
-  gap: var(--Spacing-x1);
+  gap: var(--Space-x1);
 }