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/EnterDetails/Room/One.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 import { ChildBedMapEnum } from "@scandic-hotels/trpc/enums/childBedMapEnum"
 
 import { useRoomContext } from "../../../contexts/EnterDetails/RoomContext"
@@ -42,17 +42,19 @@ export default function RoomOne({ user }: { user: User | null }) {
     <section id="room-1">
       {isMultiroom ? (
         <Header>
-          <Title level="h2" as="h4">
-            {intl.formatMessage(
-              {
-                id: "booking.roomIndex",
-                defaultMessage: "Room {roomIndex}",
-              },
-              {
-                roomIndex: 1,
-              }
-            )}
-          </Title>
+          <Typography variant="Title/xs">
+            <h2 style={{ color: "var(--Text-Heading)" }}>
+              {intl.formatMessage(
+                {
+                  id: "booking.roomIndex",
+                  defaultMessage: "Room {roomIndex}",
+                },
+                {
+                  roomIndex: 1,
+                }
+              )}
+            </h2>
+          </Typography>
         </Header>
       ) : null}