fixup! fix(material-experimental/mdc-table): extract variables and flex based tables styles into private mixin

Author: annieyw

src/material-experimental/mdc-table/table.scss

@@ -4,7 +4,7 @@
 @import '../../material/table/table-flex-styles';
 
 @include mdc-data-table-core-styles($query: $mat-base-styles-without-animation-query);
-@include _mat-table-flex-styles;
+@include mat-private-table-flex-styles;
 
 .mat-table-sticky {
   @include vendor-prefixes.position-sticky;

src/material/table/BUILD.bazel

@@ -40,7 +40,7 @@ sass_library(
 
 sass_library(
     name = "table_flex_scss_lib",
-    src = "_table-flex-styles.scss",
+    srcs = ["_table-flex-styles.scss"],
     deps = ["//src/material/core:core_scss_lib"],
 )
 

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

@@ -5,7 +5,8 @@ $mat-header-row-height: 56px;
 $mat-row-height: 48px;
 $mat-row-horizontal-padding: 24px;
 
-@mixin _mat-table-flex-styles {
+// Only use tag name selectors here since the styles are shared between MDC and non-MDC
+@mixin mat-private-table-flex-styles {
   mat-table {
     display: block;
   }

src/material/table/table.scss

@@ -1,7 +1,7 @@
 @use '../core/style/vendor-prefixes';
 @import './table-flex-styles';
 
-@include _mat-table-flex-styles;
+@include mat-private-table-flex-styles;
 
 /**
  * Native HTML table structure