Merged in fix/design-system-remove-preamble (pull request #3153)

remove deprecated preamble, replace with typography

* remove deprecated preamble, replace with typography


Approved-by: Linus Flood

packages/design-system/lib/components/Modal/index.tsx

@@ -12,7 +12,6 @@ import {
 import { useIntl } from 'react-intl'
 
 import { MaterialIcon } from '../Icons/MaterialIcon'
-import Preamble from '../Preamble'
 import Subtitle from '../Subtitle'
 
 import {
@@ -25,6 +24,7 @@ import { fade, slideInOut } from './motionVariants'
 import { modalContentVariants } from './variants'
 
 import styles from './modal.module.css'
+import { Typography } from '../Typography'
 
 const MotionOverlay = motion.create(ModalOverlay)
 const MotionModal = motion.create(AriaModal)
@@ -106,9 +106,9 @@ function InnerModal({
                       </Subtitle>
                     )}
                     {subtitle && (
-                      <Preamble asChild>
+                      <Typography variant="Body/Lead text">
                         <span>{subtitle}</span>
-                      </Preamble>
+                      </Typography>
                     )}
                   </div>