fix(material/table): height tokens not applying to flex table (#30978)

Fixes that the flexbox-based table had a hardcoded height for the rows, instead of using the tokens.

Fixes #30906.

(cherry picked from commit 50a9a9b)

Author: crisbeto

src/material/table/_table-flex-styles.scss

@@ -1,3 +1,6 @@
+@use '../core/tokens/token-utils';
+@use './m2-table';
+
 // Flex-based table structure
 $header-row-height: 56px;
 $row-height: 48px;
@@ -9,12 +12,18 @@ $row-horizontal-padding: 24px;
     display: block;
   }
 
-  mat-header-row {
-    min-height: $header-row-height;
-  }
+  @include token-utils.use-tokens(m2-table.$prefix, m2-table.get-token-slots()) {
+    mat-header-row {
+      min-height: token-utils.slot(header-container-height, $header-row-height);
+    }
 
-  mat-row, mat-footer-row {
-    min-height: $row-height;
+    mat-row {
+      min-height: token-utils.slot(row-item-container-height, $row-height);
+    }
+
+    mat-footer-row {
+      min-height: token-utils.slot(footer-container-height, $row-height);
+    }
   }
 
   mat-row, mat-header-row, mat-footer-row {