build: update postcss config

Author: mrholek

build/postcss.config.js

@@ -10,6 +10,7 @@ module.exports = context => {
   return {
     map: context.file.dirname.includes('examples') ? false : mapConfig,
     plugins: {
+      'postcss-drop-empty-css-vars': {},
       autoprefixer: {
         cascade: false
       },

package.json

@@ -52,7 +52,6 @@
     "lint": "npm-run-all --aggregate-output --continue-on-error --parallel js-lint css-lint lockfile-lint",
     "docs": "npm-run-all docs-build docs-lint",
     "docs-build": "hugo --cleanDestinationDir --printUnusedTemplates",
-    "docs-version": "hugo version",
     "docs-compile": "npm run docs-build",
     "docs-vnu": "node build/vnu-jar.js",
     "docs-lint": "npm run docs-vnu",
@@ -127,6 +126,7 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.23",
     "postcss-cli": "^10.1.0",
+    "postcss-drop-empty-css-vars": "^0.0.0",
     "rollup": "^3.21.1",
     "rollup-plugin-istanbul": "^4.0.0",
     "rtlcss": "^4.1.0",

scss/_variables.scss

@@ -1932,7 +1932,7 @@ $sidebar-toggler-transition:               transform .15s !default;
 
 $sidebar-toggler-indicator-width:          4rem !default;
 $sidebar-toggler-indicator-height:         3rem !default;
-$sidebar-toggler-indicator-color:          $body-secondary-color !default;
+$sidebar-toggler-indicator-color:          $disabled-inverse !default;
 $sidebar-toggler-indicator-icon:           url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E") !default;
 $sidebar-toggler-hover-bg:                 rgba(0, 0, 0, .3) !default;
 $sidebar-toggler-indicator-hover-color:    $sidebar-nav-link-hover-color !default;