Fix false positives for jQuery CSS function in value-keyword-case

[lambert-velir]

$(".class").css({
  width: 100 * (slick.options.slidesToShow / slick.slideCount) + "%",
});

In this example in a javascript file, stylelint is changing slidesToShow to slidestoshow

Which rule, if any, is the bug related to?

value-keyword-case

What stylelint configuration is needed to reproduce the bug?

e.g.

{
  "rules": {
    "value-keyword-case": "lower",
  }
}

Which version of stylelint are you using?

13.3.3

How are you running stylelint: CLI, PostCSS plugin, Node.js API?

stylelint command line and vscode extension (atom extension does not seem to lint js files)

Does the bug relate to non-standard syntax (e.g. SCSS, Less etc.)?

no

I'm not sure what the best solution is for this. Can stylelint be smart enough to only apply this rule to strings in this case of an object of styles?

[jeddy3]

@lambert-velir Thanks for the report.

I can reproduce this using the demo.

It's likely a problem with the parser stylelint uses to support CSS-in-JS. I've added this issue to #4574, which is a growing list of the problems with the syntax that we need help to fix.

Please consider contributing to the parser if you have time.

[jeddy3]

Closing as stylistic rules are frozen. The community is welcome to migrate the rule to a plugin and fix this bug.