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/OverviewTable/RewardList/Card/index.tsx

@@ -1,6 +1,6 @@
 import { ChevronDown } from "react-feather"
 
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import RewardValue from "../../RewardValue"
 
@@ -19,9 +19,9 @@ export default function RewardCard({
         <details className={styles.details}>
           <summary className={styles.summary}>
             <hgroup className={styles.rewardCardHeader}>
-              <Title as="h4" level="h2" textTransform="regular">
-                {title}
-              </Title>
+              <Typography variant="Title/Subtitle/md" className={styles.title}>
+                <h2>{title}</h2>
+              </Typography>
               <span className={styles.chevron}>
                 <ChevronDown />
               </span>

apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/Card/rewardCard.module.css

@@ -3,6 +3,9 @@
   grid-column: 1/3;
 }
 
+.title {
+  color: var(--Text-Heading);
+}
 .rewardCardHeader {
   display: grid;
   grid-template-columns: 1fr auto;