fix(material/expansion): all panels appearing open when printing

Fixes that closed expansion panel were appearing as open when printing the page.

Fixes #32327.

Author: crisbeto

src/material/expansion/expansion-panel.scss

@@ -51,6 +51,15 @@ $fallbacks: m3-expansion.get-tokens();
   }
 }
 
+// Styles to use if grid isn't supported for some reason.
+@mixin _fallback-styles {
+  height: 0;
+
+  .mat-expansion-panel.mat-expanded > & {
+    height: auto;
+  }
+}
+
 .mat-expansion-panel-content-wrapper {
   // Note: we can't use `overflow: hidden` here, because it can clip content with
   // ripples or box shadows. Instead we transition the `visibility` below.
@@ -72,13 +81,14 @@ $fallbacks: m3-expansion.get-tokens();
   // we have a fallback to `height` which doesn't animate, just in case.
   // stylelint-disable material/no-prefixes
   @supports not (grid-template-rows: 0fr) {
-    height: 0;
-
-    .mat-expansion-panel.mat-expanded > & {
-      height: auto;
-    }
+    @include _fallback-styles;
   }
   // stylelint-enable material/no-prefixes
+
+  // Use the fallback styles when printing, otherwise closed panel appear open (see #32327).
+  @media print {
+    @include _fallback-styles;
+  }
 }
 
 .mat-expansion-panel-content {