build: move styling token extraction out of dev workflows

Styling token extraction was included in docs-content because it was the
only way to conveniently expose data to the docs site. Now with the
proper monorepo setup, this is much easier and we can stop running this
JS-based Sass compilation that is rather slow— in development workflows.

Author: devversion

docs/BUILD.bazel

@@ -43,6 +43,7 @@ ng_app(
         "//docs:node_modules/@stackblitz/sdk",
         "//docs:node_modules/moment",
         "//docs:node_modules/path-normalize",
+        "//src/material:tokens",
     ],
 )
 

docs/src/app/pages/component-viewer/component-styling.ts

@@ -2,7 +2,7 @@ import {Component, inject, Injectable} from '@angular/core';
 import {DomSanitizer} from '@angular/platform-browser';
 import {HttpClient} from '@angular/common/http';
 import {AsyncPipe} from '@angular/common';
-import {Observable} from 'rxjs';
+import {Observable, of} from 'rxjs';
 import {map, shareReplay, switchMap} from 'rxjs/operators';
 import {ComponentViewer} from './component-viewer';
 import {DocItem} from '../../shared/documentation-items/documentation-items';
@@ -24,7 +24,11 @@ class TokenService {
   private _cache: Record<string, Observable<StyleOverridesData>> = {};
 
   getTokenData(item: DocItem): Observable<StyleOverridesData> {
-    const url = `/docs-content/tokens/${item.packageName}/${item.id}/${item.id}.json`;
+    if (item.packageName !== 'material') {
+      console.error('Requested styling token data for package without token data.');
+      return of({example: null, themes: []});
+    }
+    const url = `/assets/tokens/tokens/${item.id}/${item.id}.json`;
 
     if (this._cache[url]) {
       return this._cache[url];

docs/src/assets/tokens/BUILD.bazel

@@ -0,0 +1,10 @@
+load("@aspect_bazel_lib//lib:copy_to_directory.bzl", "copy_to_directory")
+
+copy_to_directory(
+    name = "tokens",
+    srcs = ["//src/material:tokens"],
+    replace_prefixes = {
+        "src/material/": "",
+    },
+    visibility = ["//docs:__pkg__"],
+)

src/components-examples/BUILD.bazel

@@ -42,9 +42,6 @@ package_docs_content(
         "//src/cdk:overviews": "overviews/cdk",
         "//src/material:overviews": "overviews/material",
 
-        # Package the extracted token information into the docs content.
-        "//src/material:tokens": "tokens/material",
-
         # Package the API docs for the Material and CDK package into the docs-content
         "//src:api-docs": "api-docs",