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

packages/booking-flow/lib/components/SelectHotel/Filters/FilterContent/filterContent.module.css

@@ -8,8 +8,7 @@
   gap: var(--Space-x3);
 }
 
-.container .filterByTitle {
-  font-weight: 500;
+.title {
   color: var(--Text-Heading);
 }
 

packages/booking-flow/lib/components/SelectHotel/Filters/FilterContent/index.tsx

@@ -2,7 +2,6 @@ import { useSearchParams } from "next/navigation"
 import { useEffect, useState } from "react"
 import { useIntl } from "react-intl"
 
-import Title from "@scandic-hotels/design-system/Title"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import {
@@ -117,12 +116,14 @@ export default function FilterContent({
   return (
     <aside className={`${styles.container} ${className}`}>
       <div>
-        <Title as="h4">
-          {intl.formatMessage({
-            id: "filter.filterBy",
-            defaultMessage: "Filter by",
-          })}
-        </Title>
+        <Typography variant="Title/xs" className={styles.title}>
+          <h4>
+            {intl.formatMessage({
+              id: "filter.filterBy",
+              defaultMessage: "Filter by",
+            })}
+          </h4>
+        </Typography>
         <div className={styles.facilities}>
           <Typography variant="Title/Subtitle/md">
             <p>