chore: remove useless color attributes on html elements

apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx

@@ -189,18 +189,18 @@ export default function GuestDetails({
         )}
         <div className={styles.contactInfoMobile}>
           <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p color="uiTextHighContrast">{guest.email}</p>
+            <p>{guest.email}</p>
           </Typography>
           <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p color="uiTextHighContrast">{guest.phoneNumber}</p>
+            <p>{guest.phoneNumber}</p>
           </Typography>
         </div>
         <div className={styles.contactInfoDesktop}>
           <Typography variant="Body/Paragraph/mdRegular">
-            <p color="uiTextHighContrast">{guest.email}</p>
+            <p>{guest.email}</p>
           </Typography>
           <Typography variant="Body/Paragraph/mdRegular">
-            <p color="uiTextHighContrast">{guest.phoneNumber}</p>
+            <p>{guest.phoneNumber}</p>
           </Typography>
         </div>
       </div>

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx

@@ -244,9 +244,7 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
 
               <Typography variant="Body/Paragraph/mdRegular">
                 {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-                <p color="uiTextHighContrast">
-                  18:00, {fromDate.format("dddd D MMM")}
-                </p>
+                <p>18:00, {fromDate.format("dddd D MMM")}</p>
               </Typography>
             </div>
           )}
@@ -261,7 +259,7 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
               </Typography>
 
               <Typography variant="Body/Paragraph/mdRegular">
-                <p color="uiTextHighContrast">{breakfastPrice}</p>
+                <p>{breakfastPrice}</p>
               </Typography>
             </div>
           )}

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/index.tsx

@@ -27,7 +27,7 @@ export default function PriceDetails() {
     <div className={styles.priceDetails}>
       <div className={styles.price}>
         <Typography variant="Body/Lead text">
-          <p color="uiTextHighContrast">
+          <p>
             {intl.formatMessage({
               defaultMessage: "Room total",
             })}

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Row/index.tsx

@@ -24,7 +24,7 @@ export default function Row({ icon, text, title }: RowProps) {
       </span>
       <div className={styles.content}>
         <Typography variant="Body/Paragraph/mdRegular">
-          <p color="uiTextHighContrast">{text}</p>
+          <p>{text}</p>
         </Typography>
       </div>
     </div>