Merged in feat/SW-2398-ui-update-for-booking-codes (pull request #1862)

feat: SW-2398 UI updates booking codes

* feat: SW-2398 UI updates booking codes

* feat: SW-2398 Rate cards UI changes

* feat: SW-2398 Optimized css with vars and chip code

* feat: SW-2398 Optimized code as review comments

* feat: SW-2398 Optimized code

* feat: SW-2398 Optimized code and mobile UX

* feat: SW-2398 Optimized code

* feat: SW-2398 Fixed UI

* feat: SW-2398 Updated animation


Approved-by: Erik Tiekstra

packages/design-system/lib/components/RateCard/Code/index.tsx

@@ -52,7 +52,7 @@ export default function CodeRateCard({
         onChange={handleChange}
       />
       <div className={classNames}>
-        <Typography variant="Tag/sm">
+        <Typography variant="Label/xsBold">
           <p className={styles.banner}>{bannerText}</p>
         </Typography>
         <div className={styles.container}>