Change Request: support CSS-in-JS
- Dominant language
- JavaScript
- Stars
- 308
- Forks
- 44
- Avg merge
- 2d 6h
- Merged PRs (30d)
- 18
Description
### Environment
Node version: v22.11.0
npm version: v10.9.0
Local ESLint version: v9.16.0 (Currently used)
Global ESLint version: Not found
Operating System: darwin 24.1.0
### What problem do you want to solve?
I'd like the plugin to work for CSS-in-JS solutions like [styled-components](https://github.com/styled-components/styled-components), [emotion](https://github.com/emotion-js/emotion), [linaria](https://github.com/callstack/linaria) and [React inline styles](https://react.dev/reference/react-dom/components/common#:~:text=style%3A%20An%20object%20with%20CSS%20styles%2C%20for%20example%20%7B%20fontWeight%3A%20%27bold%27%2C%20margin%3A%2020%20%7D).
### What do you think is the correct solution?
In stylelint, you can use [PostCSS parser](https://stylelint.io/user-guide/options/#customsyntax) for that purpose. Here is an example: https://github.com/hudochenkov/postcss-styled-syntax
So I guess https://github.com/eslint/css/issues/29 is related
### Participation
- [ ] I am willing to submit a pull request for this change.
### Additional comments
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.