DialogV2: Move DialogOverflowWrapper class (#5811)

Author: TylerJDev

.changeset/brown-ducks-lick.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+DialogV2: Fix CSS issue where `flex-grow` wasn't getting applied via classname

packages/react/src/Dialog/Dialog.module.css

@@ -65,10 +65,6 @@
     justify-content: flex-end;
   }
 
-  .DialogOverflowWrapper {
-    flex-grow: 1;
-  }
-
   @media (max-width: 767px) {
     &[data-position-narrow='center'] {
       align-items: center;
@@ -212,6 +208,10 @@
   }
 }
 
+.DialogOverflowWrapper {
+  flex-grow: 1;
+}
+
 .Header {
   z-index: 1;
   padding: var(--base-size-8);

packages/react/src/Dialog/Dialog.tsx

@@ -527,7 +527,7 @@ const _Dialog = React.forwardRef<HTMLDivElement, React.PropsWithChildren<DialogP
             className={clsx(className, enabled && classes.Dialog)}
           >
             {header}
-            <ScrollableRegion aria-labelledby={dialogLabelId} className="DialogOverflowWrapper">
+            <ScrollableRegion aria-labelledby={dialogLabelId} className={classes.DialogOverflowWrapper}>
               {body}
             </ScrollableRegion>
             {footer}