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/HowItWorks/howItWorks.module.css

@@ -7,3 +7,7 @@
   justify-content: center;
   width: 100%;
 }
+
+.title {
+  color: var(--Text-Heading);
+}

apps/scandic-web/components/Blocks/DynamicContent/HowItWorks/index.tsx

@@ -1,4 +1,4 @@
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getIntl } from "@/i18n"
 
@@ -13,12 +13,14 @@ export default async function HowItWorks({ dynamic_content }: HowItWorksProps) {
   return (
     <SectionWrapper dynamic_content={dynamic_content}>
       <section className={styles.container}>
-        <Title level="h3">
-          {intl.formatMessage({
-            id: "common.howItWorks",
-            defaultMessage: "How it works",
-          })}
-        </Title>
+        <Typography variant="Title/sm" className={styles.title}>
+          <h3>
+            {intl.formatMessage({
+              id: "common.howItWorks",
+              defaultMessage: "How it works",
+            })}
+          </h3>
+        </Typography>
       </section>
     </SectionWrapper>
   )