chore: update dialog to match designs (#9277)

* chore: update dialog to match designs

* remove breakpoint

Author: snowystinger

packages/@react-spectrum/s2/src/Dialog.tsx

@@ -48,11 +48,11 @@ const image = style({
 const heading = style({
   flexGrow: 1,
   marginY: 0,
-  font: 'heading'
+  font: 'title-2xl'
 });
 
 const header = style({
-  font: 'body-lg'
+  font: 'body'
 });
 
 const content =  style({
@@ -181,7 +181,7 @@ export const Dialog = forwardRef(function Dialog(props: DialogProps, ref: DOMRef
                   {children}
                 </Provider>
               </div>
-              {props.isDismissible && 
+              {props.isDismissible &&
                 <CloseButton styles={style({marginBottom: 12})} />
               }
             </div>

packages/@react-spectrum/s2/src/FullscreenDialog.tsx

@@ -35,15 +35,16 @@ const heading = style({
   gridArea: 'heading',
   flexGrow: 1,
   marginY: 0,
-  font: 'heading'
+  font: 'title-2xl',
+  color: 'heading'
 });
 
 const header = style({
   gridArea: 'header',
   marginX: {
     sm: 'auto'
   },
-  font: 'body-lg'
+  font: 'body'
 });
 
 const content =  style({