Merged in chore/BOOK-701-replace-subtitle-component (pull request #3398)

chore(BOOK-701): replace subtitle with typography

* chore(BOOK-701): replace subtitle with typography

* chore(BOOK-701): align center

* chore(BOOK-701): change token

* chore(BOOK-701): change text color

* fix(BOOK-704): revert pricechange dialog changes

* chore(BOOK-701): remove subtitle from package.json


Approved-by: Matilda Landström

apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/index.tsx

@@ -1,4 +1,4 @@
-import Subtitle from "@scandic-hotels/design-system/Subtitle"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 import { JoinLoyaltyContactEnums } from "@scandic-hotels/trpc/types/joinLoyaltyContact"
 
 import { getIntl } from "@/i18n"
@@ -13,12 +13,14 @@ export default async function Contact({ contactBlock }: ContactProps) {
   const intl = await getIntl()
   return (
     <article className={styles.contactContainer}>
-      <Subtitle>
-        {intl.formatMessage({
-          id: "common.contactUs",
-          defaultMessage: "Contact us",
-        })}
-      </Subtitle>
+      <Typography variant="Title/Subtitle/md">
+        <p>
+          {intl.formatMessage({
+            id: "common.contactUs",
+            defaultMessage: "Contact us",
+          })}
+        </p>
+      </Typography>
       <section className={styles.contact}>
         {contactBlock.map((contact, i) => {
           switch (contact.typename) {