fix(dialog): content not displaying on Safari

Fixes #4728

PiperOrigin-RevId: 559224134

dialog/internal/_dialog.scss

@@ -167,22 +167,27 @@
   .container {
     border-radius: inherit;
     display: flex;
-    flex: 1;
     flex-direction: column;
+    // Safari won't show content with "flex: 1", but container needs to grow if
+    // height is set on the dialog, so use flex-grow instead.
+    flex-grow: 1;
     overflow: hidden;
     position: relative;
     transform-origin: top;
   }
 
   .container::before {
     background: var(--_container-color);
+    border-radius: inherit;
     content: '';
     inset: 0;
     position: absolute;
   }
 
   .scroller {
+    display: flex;
     flex: 1;
+    flex-direction: column;
     overflow: hidden;
     z-index: 0; // needed to display scrollbars on Chrome linux
   }
@@ -198,6 +203,7 @@
   .content {
     color: var(--_supporting-text-color);
     font: var(--_supporting-text-type);
+    height: min-content; // Needed for Safari
     position: relative;
   }