feat(BOOK-757): Replaced Biroscript component with Typography

Approved-by: Bianca Widstam

apps/scandic-web/components/Blocks/FullWidthCampaign/fullWidthCampaign.module.css

@@ -35,6 +35,8 @@
   gap: var(--Space-x1);
   padding: var(--Space-x4) var(--Space-x3);
   z-index: 2;
+  color: var(--Base-Text-Inverted);
+  text-align: center;
 }
 
 .mainContent {
@@ -60,7 +62,8 @@
 }
 
 .scriptedText {
-  display: inline-block;
+  transform: rotate(-3deg);
+  transform-origin: left;
 }
 
 @media screen and (max-width: 767px) {

apps/scandic-web/components/Blocks/FullWidthCampaign/index.tsx

@@ -2,8 +2,6 @@ import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import Image from "@scandic-hotels/design-system/Image"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
-
 import styles from "./fullWidthCampaign.module.css"
 
 import type { FullWidthCampaign } from "@/types/trpc/routers/contentstack/startPage"
@@ -33,17 +31,17 @@ export default function FullWidthCampaign({
         />
       ) : null}
       <div className={styles.content}>
-        <div className={styles.scriptedText}>
-          <BiroScript color="baseText" type="two" tilted="small">
+        <Typography variant="Title/Decorative/lg">
+          <span className={styles.scriptedText}>
             {content.scripted_top_title}
-          </BiroScript>
-        </div>
+          </span>
+        </Typography>
         <div className={styles.mainContent}>
           <Typography variant="Title/mdLowCase">
-            <Hx className={styles.bodyText}>{content.heading}</Hx>
+            <Hx>{content.heading}</Hx>
           </Typography>
           <Typography variant="Body/Lead text">
-            <p className={styles.bodyText}>{content.body_text}</p>
+            <p>{content.body_text}</p>
           </Typography>
           <div className={styles.buttons}>
             {content.has_primary_button ? (