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/LoyaltyCard/index.tsx

@@ -1,7 +1,6 @@
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Image from "@scandic-hotels/design-system/Image"
 import Link from "@scandic-hotels/design-system/OldDSLink"
-import Title from "@scandic-hotels/design-system/Title"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { loyaltyCardVariants } from "./variants"
@@ -36,9 +35,9 @@ export default function LoyaltyCard({
           dimensions={image.dimensions}
         />
       ) : null}
-      <Title as="h4" level="h3" textAlign="center">
-        {heading}
-      </Title>
+      <Typography variant="Title/xs" className={styles.heading}>
+        <h3>{heading}</h3>
+      </Typography>
       {!!bodyText && (
         <Typography
           variant="Body/Paragraph/mdRegular"

apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css

@@ -18,6 +18,10 @@
   justify-self: center;
 }
 
+.heading {
+  color: var(--Text-Heading);
+}
+
 .white {
   background-color: var(--Main-Grey-White);
 }