CSS function with SCSS interpolations inside is no longer a correct CSS function

[marcelweder]

Since the release of v6.2.0 we get an error function-no-unknown with CSS functions like calc. In v6.2.0 this rule has been extended with a detection if interpolations are present.

We do not understand why a CSS function with SCSS interpolations inside is no longer a correct CSS function. Unfortunately, we now have to extend the scss/function-no-unknown rule to exclude (ignore) the CSS functions.

Example for the reproduction:

$test-sass-variable: 5rem;

.test-rule {
  width: calc(100% - #{$test-sass-variable});
  max-width: calc(100% - 5rem);
}

Before v6.2.0	New is an error

Would be nice if you could correct this again. Thank you.

[kristerkari]

Thanks! Seems like a bug.

[kristerkari]

New version out that should fix the bug:
https://github.com/stylelint-scss/stylelint-scss/releases/tag/v6.2.1