build: update scss-bundle to avoid node-sass dependency (#17978)

The `scss-bundle` package has a dependency on `node-sass` in the older
versions. This makes our tooling reliant on native bindings, and requires
additionally work in framework where we integrate our tooling into a different
environment setup (e.g. different node version).

Regardless of that though, it's generally better not relying on node-sass
or native bindings since we use `sass` (not node-sass) for building with Bazel.

Author: devversion

BUILD.bazel

@@ -2,7 +2,10 @@ package(default_visibility = ["//visibility:public"])
 
 load("//:rollup-globals.bzl", "ROLLUP_GLOBALS")
 
-exports_files(["LICENSE"])
+exports_files([
+    "LICENSE",
+    "scss-bundle.config.json",
+])
 
 genrule(
     name = "rollup_globals",

package.json

@@ -147,7 +147,7 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-sourcemaps": "^0.4.2",
     "run-sequence": "^1.2.2",
-    "scss-bundle": "^2.5.1",
+    "scss-bundle": "^3.0.2",
     "selenium-webdriver": "^3.6.0",
     "semver": "^6.3.0",
     "send": "^0.17.1",

scss-bundle.config.json

@@ -0,0 +1,10 @@
+{
+  "*1": "scss-bundle requires a config file in the Bazel execroot.",
+  "*2": "The config is used in the src/material:theming_bundle target",
+  "bundlerOptions": {
+    "logLevel": "error",
+    "dedupeGlobs": [
+      "./src/**/*.scss"
+    ]
+  }
+}

src/material/BUILD.bazel

@@ -26,12 +26,15 @@ scss_bundle(
     name = "theming_bundle",
     outs = ["_theming.scss"],
     args = [
-        "--entry=$(location //src/material/core:theming/_all-theme.scss)",
-        "--verbosity=Errors",
-        "--dedupe=./src/**/*.scss",
-        "--dest=$(location :_theming.scss)",
+        "--entryFile=$(location //src/material/core:theming/_all-theme.scss)",
+        "--outFile=$(location :_theming.scss)",
+    ],
+    data = CDK_SCSS_LIBS + MATERIAL_SCSS_LIBS + [
+        "//src/material/core:theming/_all-theme.scss",
+        # Config file is required by "scss-bundle" and will be automatically
+        # loaded by the CLI. It expects the config to be in the execroot.
+        "//:scss-bundle.config.json",
     ],
-    data = CDK_SCSS_LIBS + MATERIAL_SCSS_LIBS + ["//src/material/core:theming/_all-theme.scss"],
 )
 
 # Creates the @angular/material package published to npm.