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

@@ -1,4 +1,4 @@
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 import { TrackingSDK } from "@scandic-hotels/tracking/TrackingSDK"
 
 import { serverClient } from "@/lib/trpc/server"
@@ -22,7 +22,9 @@ export default async function AboutScandicFriends() {
     <>
       <section className={styles.content}>
         <MaxWidth tag="main" className={styles.blocks}>
-          <Title>{loyaltyPage.heading}</Title>
+          <Typography variant="Title/md" className={styles.heading}>
+            <h1>{loyaltyPage.heading}</h1>
+          </Typography>
           <Blocks blocks={loyaltyPage.blocks} />
         </MaxWidth>
       </section>

apps/scandic-web/components/Webviews/LoyaltyPage/loyaltyPage.module.css

@@ -4,6 +4,10 @@
   gap: var(--Space-x5);
 }
 
+.heading {
+  color: var(--Text-Heading);
+}
+
 .blocks {
   display: grid;
   gap: var(--Space-x5);