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/Blocks/DynamicContent/LoyaltyLevels/index.tsx

@@ -1,6 +1,6 @@
 import Caption from "@scandic-hotels/design-system/Caption"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { serverClient } from "@/lib/trpc/server"
 
@@ -78,9 +78,9 @@ async function LevelCard({ level }: LevelCardProps) {
         </BiroScript>
         <MembershipLevelIcon level={level.level_id} color="red" />
       </header>
-      <Title textAlign="center" level="h5">
-        {pointsMsg}
-      </Title>
+      <Typography variant="Title/xs" className={styles.pointMsg}>
+        <h5>{pointsMsg}</h5>
+      </Typography>
       <div className={styles.textContainer}>
         {level.rewards.map((reward) => (
           <Caption

apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css

@@ -3,6 +3,11 @@
   gap: var(--Space-x2);
 }
 
+.pointMsg {
+  text-align: center;
+  color: var(--Text-Heading);
+}
+
 .link {
   justify-self: center;
 }