Merged in chore/BOOK-708-replace-title-component (pull request #3414)

Chore/BOOK-708 replace title component

* chore(BOOK-708): replace title with typography

* chore(BOOK-708): replace title with typography

* chore(BOOK-708): remove Title from package.json


Approved-by: Linus Flood
Approved-by: Anton Gunnarsson

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

@@ -3,12 +3,11 @@ import Link from "next/link"
 
 import Image from "@scandic-hotels/design-system/Image"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
-import Title from "@scandic-hotels/design-system/Title"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
 
-import { getButtonTheme, getScriptFontColor, getTitleFontColor } from "./utils"
+import { getButtonTheme, getScriptFontColor } from "./utils"
 import { cardVariants } from "./variants"
 
 import styles from "./card.module.css"
@@ -30,7 +29,6 @@ export default function Card({
   height,
 }: CardProps) {
   const buttonTheme = getButtonTheme(theme)
-  const titleFontColor = getTitleFontColor(theme)
   const scriptFontColor = getScriptFontColor(theme)
 
   return (
@@ -71,15 +69,9 @@ export default function Card({
             </BiroScript>
           </section>
         )}
-        <Title
-          as="h3"
-          level="h3"
-          textAlign="center"
-          textTransform="regular"
-          color={titleFontColor}
-        >
-          {heading}
-        </Title>
+        <Typography variant="Title/smLowCase" className={styles.heading}>
+          <h3>{heading}</h3>
+        </Typography>
         {bodyText && (
           <Typography
             variant="Body/Paragraph/mdRegular"