build: add .import sass files (#21869)

(cherry picked from commit 4ae90cc)

Author: andrewseguin

shim-scss-imports.js

@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+
+const path = require('path');
+const proc = require('child_process');
+const fs = require('fs');
+
+const findResult = proc.spawnSync('find', ['.', '-iname', '"_*.scss"'], {
+  cwd: __dirname,
+  shell: true,
+  env: process.env,
+}).stdout.toString();
+
+const sassFiles = findResult.trim().split('\n');
+for (const f of sassFiles) {
+  const originalFileContent = fs.readFileSync(f, 'utf8');
+
+  const originalFileName = path.basename(f);
+  const originalDirectory = path.dirname(f);
+
+  let importFileContent =
+      `@forward '${originalFileName.replace(/^_/, '').replace('.scss', '')}';\n`;
+  const originalImportLines = originalFileContent.matchAll(/@import '(.+)';/g);
+  for (const match of originalImportLines) {
+    const importPath = match[1];
+    if (importPath.includes('@material')) continue;
+    if (importPath.includes('private')) continue;
+
+    importFileContent += `@forward '${importPath}';\n`;
+  }
+
+  const importFileName = originalFileName.replace('.scss', '.import.scss');
+  const importFilePath = path.join(originalDirectory, importFileName);
+  fs.writeFileSync(importFilePath, importFileContent, 'utf8');
+}

src/cdk/a11y/_a11y.import.scss

@@ -0,0 +1 @@
+@forward 'a11y';

src/cdk/overlay/_overlay.import.scss

@@ -0,0 +1 @@
+@forward 'overlay';

src/cdk/text-field/_text-field.import.scss

@@ -0,0 +1 @@
+@forward 'text-field';

src/material-experimental/column-resize/_column-resize.import.scss

@@ -0,0 +1,5 @@
+@forward 'column-resize';
+@forward '../../material/core/style/variables';
+@forward '../../material/core/style/vendor-prefixes';
+@forward '../../material/core/theming/palette';
+@forward '../../material/core/theming/theming';

src/material-experimental/mdc-autocomplete/_autocomplete-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'autocomplete-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-button/_button-base.import.scss

@@ -0,0 +1,2 @@
+@forward 'button-base';
+@forward '../../material/core/style/layout-common';

src/material-experimental/mdc-button/_button-theme.import.scss

@@ -0,0 +1,3 @@
+@forward 'button-theme';
+@forward '../../material/core/ripple/ripple';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-card/_card-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'card-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-checkbox/_checkbox-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'checkbox-theme';
+@forward '../mdc-helpers/mdc-helpers';