feat(SW-240): use caption instead of body

components/TempDesignSystem/Text/Caption/caption.module.css

@@ -41,6 +41,14 @@
   color: var(--UI-Text-Medium-contrast);
 }
 
+.red {
+  color: var(--Scandic-Brand-Scandic-Red);
+}
+
+.white {
+  color: var(--UI-Opacity-White-100);
+}
+
 .center {
   text-align: center;
 }

components/TempDesignSystem/Text/Caption/variants.ts

@@ -9,6 +9,8 @@ const config = {
       burgundy: styles.burgundy,
       pale: styles.pale,
       textMediumContrast: styles.textMediumContrast,
+      red: styles.red,
+      white: styles.white,
     },
     textTransform: {
       bold: styles.bold,