Vuetify + Vue Cli 3 использование css-переменных в IE11?

Question

[Артур Карапетян]

Здравствуйте, тостеровчане!

Запилил я тут значит приложение на vue + vuetify, а в vuetify, как известно, используются css-переменные, которые совсем не поддерживает богоподобный IE11, на котором мне нужно завести приложение.

Итак, конфигурация:

package.json

// package.json

"devDependencies": {
    "@babel/preset-env": "^7.6.3",
    "@vue/cli-plugin-babel": "^3.7.0",
    "@vue/cli-plugin-eslint": "^3.7.0",
    "@vue/cli-service": "^3.7.0",
    "@vue/eslint-config-prettier": "^4.0.1",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "node-sass": "^4.9.0",
    "postcss-custom-properties": "^9.0.2",
    "prettier": "^1.13.7",
    "sass-loader": "^7.1.0",
    "stylelint": "^9.3.0",
    "stylelint-config-sass-guidelines": "^5.0.0",
    "stylelint-order": "^0.8.0",
    "stylelint-scss": "^3.1.3",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "vue-cli-plugin-pug": "^1.0.7",
    "vue-cli-plugin-vuetify": "^0.5.0",
    "vue-cli-plugin-webpack-bundle-analyzer": "^1.4.0",
    "vue-template-compiler": "^2.5.21",
    "vuetify-loader": "^1.0.5"
}

postcss.config.js

// postcss.config.js

module.exports = {
  plugins: {
    autoprefixer: {},
    'postcss-custom-properties': {}
  }
};

По идее все должно работать, но в итоге css переменные остаются.

Стили написаны на Scss, лежат в папке src/assets/scss, подключаются:

// main.js

import './assets/scss/main.scss';

Версия Vuetify - 1.5.5, скоро перееду на 2.х.х, если в новой версии данная проблема уже пофикшена/фиксится легче, то переезд перенесу на ближайшее время.

UPD: насколько я понимаю, postcss работает, тк добавляются префиксы к css, но css переменные не работают. Я подозреваю, что это из-за того, что переменные определяются в vuetify, и поэтому postcss их не видит, хотя стили vuetify импортируются также, как main.scss в main.js