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

Approved-by: Bianca Widstam

apps/scandic-web/components/TempDesignSystem/Card/index.tsx

@@ -5,9 +5,7 @@ import Image from "@scandic-hotels/design-system/Image"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
-
-import { getButtonTheme, getScriptFontColor } from "./utils"
+import { getButtonTheme } from "./utils"
 import { cardVariants } from "./variants"
 
 import styles from "./card.module.css"
@@ -29,7 +27,6 @@ export default function Card({
   height,
 }: CardProps) {
   const buttonTheme = getButtonTheme(theme)
-  const scriptFontColor = getScriptFontColor(theme)
 
   return (
     <article
@@ -59,14 +56,9 @@ export default function Card({
       <div className={styles.content}>
         {scriptedTopTitle && (
           <section className={styles.scriptContainer}>
-            <BiroScript
-              className={styles.scriptedTitle}
-              type="two"
-              tilted="small"
-              color={scriptFontColor}
-            >
-              {scriptedTopTitle}
-            </BiroScript>
+            <Typography variant="Title/Decorative/md">
+              <span className={styles.scriptedTitle}>{scriptedTopTitle}</span>
+            </Typography>
           </section>
         )}
         <Typography variant="Title/smLowCase" className={styles.heading}>