Use Hugo for our docs Sass and JS. (#29280)

Now there's only one command needed to run the docs: `npm run docs-serve`.

Also, simplify the npm scripts.

site/assets/scss/docs.scss

@@ -24,9 +24,9 @@
 // Happy Bootstrapping!
 
 // Load Bootstrap variables and mixins
-@import "../../../../../../scss/functions";
-@import "../../../../../../scss/variables";
-@import "../../../../../../scss/mixins";
+@import "../../../scss/functions";
+@import "../../../scss/variables";
+@import "../../../scss/mixins";
 
 // Load docs components
 @import "variables";

site/content/docs/4.3/getting-started/build-tools.md

@@ -55,10 +55,10 @@ Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/packag
     </tr>
     <tr>
       <td>
-        <code>npm run docs</code>
+        <code>npm run docs-serve</code>
       </td>
       <td>
-        Builds and lints CSS and JavaScript for docs. You can then run the documentation locally via <code>npm run docs-serve</code>.
+        Builds and runs the documentation locally.
       </td>
     </tr>
   </tbody>

site/layouts/partials/scripts.html

@@ -8,12 +8,13 @@
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
 {{- end }}
 
-{{- if eq (getenv "HUGO_ENV") "production" -}}
-  <script src="/docs/{{ .Site.Params.docs_version }}/assets/js/docs.min.js"></script>
-{{- else -}}
-  <script src="/docs/{{ .Site.Params.docs_version }}/assets/js/vendor/anchor.min.js"></script>
-  <script src="/docs/{{ .Site.Params.docs_version }}/assets/js/vendor/clipboard.min.js"></script>
-  <script src="/docs/{{ .Site.Params.docs_version }}/assets/js/vendor/bs-custom-file-input.min.js"></script>
-  <script src="/docs/{{ .Site.Params.docs_version }}/assets/js/src/application.js"></script>
-  <script src="/docs/{{ .Site.Params.docs_version }}/assets/js/src/search.js"></script>
-{{- end -}}
+{{- $vendor := resources.Match "js/vendor/*.js" -}}
+{{- $js := resources.Match "js/src/*.js" -}}
+{{- $targetDocsJSPath := printf "/docs/%s/assets/js/docs.js" .Site.Params.docs_version -}}
+{{- $docsJs := append $js $vendor | resources.Concat $targetDocsJSPath -}}
+
+{{- if (eq (getenv "HUGO_ENV") "production") -}}
+  {{- $docsJs = $docsJs | resources.Minify -}}
+{{- end }}
+
+<script src="{{ $docsJs.Permalink | relURL }}"></script>

site/layouts/partials/stylesheet.html

@@ -9,6 +9,17 @@
 {{- "<!-- Documentation extras -->" | safeHTML }}
 <link href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" rel="stylesheet">
 {{- end -}}
+
 {{- if (ne .Page.Layout "examples") }}
-<link href="/docs/{{ .Site.Params.docs_version }}/assets/css/docs.min.css" rel="stylesheet">
+{{- $targetDocsCssPath := printf "/docs/%s/assets/css/docs.css" .Site.Params.docs_version -}}
+{{- $sassOptions := dict "targetPath" $targetDocsCssPath "precision" 6 -}}
+{{- $postcssOptions := dict "use" "autoprefixer" "noMap" true -}}
+
+{{- if (eq (getenv "HUGO_ENV") "production") -}}
+  {{- $sassOptions = merge $sassOptions (dict "outputStyle" "compressed") -}}
+{{- end -}}
+
+{{- $style := resources.Get "scss/docs.scss" | toCSS $sassOptions | postCSS $postcssOptions }}
+
+<link rel="stylesheet" href="{{ $style.Permalink | relURL }}">
 {{- end }}