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/ReadMore/index.tsx

@@ -1,7 +1,7 @@
 import { scandicFriends } from "@scandic-hotels/common/constants/routes/myPages"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Link from "@scandic-hotels/design-system/OldDSLink"
-import Subtitle from "@scandic-hotels/design-system/Subtitle"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { faq } from "@/constants/webHrefs"
 
@@ -32,12 +32,14 @@ export default async function ReadMore() {
 
   return (
     <article className={styles.wrapper}>
-      <Subtitle>
-        {intl.formatMessage({
-          id: "common.readMore",
-          defaultMessage: "Read more",
-        })}
-      </Subtitle>
+      <Typography variant="Title/Subtitle/md">
+        <p>
+          {intl.formatMessage({
+            id: "common.readMore",
+            defaultMessage: "Read more",
+          })}
+        </p>
+      </Typography>
       <div className={styles.links}>
         {links.map((link) => (
           <Link