Can't use !important for css vars

[MurhafSousli]

Versions

cli: 1.7.3

Repro steps

.test {
  --button-color: #FF6651 !important;
}

Observed behavior

Build fails

ERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--8-3!./src/styles.scss Module build failed: --button-color: #FF6651 !important; ^ Invalid CSS after "...-color: #FF6651": expected "}", was "!important;"

Desired behavior

Should compile

Mention any other details that might be useful (optional)

Related sass/libsass#2590

It seems that they have fixed it, but maybe the cli should update to their new version

[clydin]

The CLI uses "node-sass": "^4.7.2" for the sass dependency. Once node-sass catches up to lib sass with the bug fix, the CLI will automatically be able to use that version.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}