feat: add styled-jsx syntax parsing to stylelint

[ismay]

See: https://dhis2.atlassian.net/browse/DHIS2-16776

Follow up for #464. Allows stylelint to parse styled-jsx to css that can be linted by stylelint.

Working syntaxes:

import css from 'styled-jsx/css'

export const button = css`
  button {
    padding-left: 1em;
  }
`

import css from 'styled-jsx/css'

export const body = css.global`button { padding-left: 1em; }`

import css from 'styled-jsx/css'

export const button = css.resolve`button { padding-left: 1em; }`

import css from 'styled-jsx/css'

export default css`button { padding-left: 1em; }`

export default () => (
  <div>
    <p>only this paragraph will get the style :)</p>

    <style jsx>{`
      p {
        margin-left: 1em;
      }
    `}</style>
  </div>
)

Follow up:

• This only parses styled jsx. But it's also possible to use react's inline styles. Those can be parsed with: https://github.com/postcss/postcss-js, but it doesn't seem like it's possible to configure both. We might be able to figure out an approach. We could also ban inline styles: Rule Proposal: Disallow use of inline style jsx-eslint/eslint-plugin-react#327 (comment), and require either css modules or styled-jsx, both of which can be linted (and are, after this PR).

[dhis2-bot]

🎉 This PR is included in version 10.7.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀