Merged in chore/BOOK-739-replace-caption (pull request #3428)

chore(BOOK-739): replace caption with typography

* chore(BOOK-739): replace caption with typography

* chore(BOOK-739): refactor div

* chore(BOOK-739): refactor badge

* chore(BOOK-739): remove span

* chore(BOOK-739): skeleton update

* chore(BOOK-739): update

* chore(BOOK-739): update reward

* chore(BOOK-739): update voucher currency


Approved-by: Erik Tiekstra

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/TimedRedeemedBadge.tsx

@@ -3,8 +3,8 @@
 import { useIntl } from "react-intl"
 
 import { dt } from "@scandic-hotels/common/dt"
-import Caption from "@scandic-hotels/design-system/Caption"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import Countdown from "@/components/Countdown"
 
@@ -21,12 +21,14 @@ export default function TimedRedeemedBadge() {
     <>
       <div className={styles.redeemed}>
         <MaterialIcon icon="check_circle" color="Icon/Feedback/Success" />
-        <Caption>
-          {intl.formatMessage({
-            id: "rewards.redeemed.validThrough",
-            defaultMessage: "Redeemed & valid through:",
-          })}
-        </Caption>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <p>
+            {intl.formatMessage({
+              id: "rewards.redeemed.validThrough",
+              defaultMessage: "Redeemed & valid through:",
+            })}
+          </p>
+        </Typography>
       </div>
       <Countdown
         minutes={duration.minutes()}