chore: Replaced deprecated Spacing variables with current values

Approved-by: Matilda Landström

packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css

@@ -1,7 +1,7 @@
 .paymentSection {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x4);
+  gap: var(--Space-x4);
 }
 
 .disabled {
@@ -12,14 +12,14 @@
 .paymentContainer {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x4);
+  gap: var(--Space-x4);
   max-width: 696px;
 }
 
 .section {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x2);
+  gap: var(--Space-x2);
 }
 
 .paymentOptionContainer {
@@ -46,7 +46,7 @@
 .checkboxContainer {
   background-color: var(--Surface-Secondary-Default);
   border-radius: var(--Corner-radius-Large);
-  padding: var(--Spacing-x2);
+  padding: var(--Space-x2);
 }
 
 @media screen and (min-width: 1367px) {