scss/dollar-variable-no-missing-interpolation not work

[avs-doom]

Hi!

The rule does not affect how I write variables, for example, inside the calc function, I expected that there would be highlighting if the variable was without interpolation.

`$width: 12;

.test {
width: calc(100% - $width - var(--constDef));
}`

[kristerkari]

Thanks!

There are actually two reasons why the rule does not work for your example:

1. The rule is mean to help to avoid creating invalid CSS in very specific cases where a custom identifier is expected instead of a string value. The width property is not one of the CSS properties that the rule needs to support. See the README of the rule: https://github.com/stylelint-scss/stylelint-scss/tree/master/src/rules/dollar-variable-no-missing-interpolation
2. Stylelint rules are in general quite bad at handling complex values like in your example, where both calc and var are used. Linting such complex value means that it needs to be parsed with some kind of parser to separate the different parts from each other.