Feature request: styled-jsx-postcss support

[comerc]

Please add support of styled-jsx-postcss.

Example app with styled-jsx-postcss:

export default () => (
  <div className='hello'>
    <p>Hello World</p>
    <style jsx>{`
      :global(:root) {
        --bgColor: green;
        --color: white;
      }
      .hello {
        font: 15px Helvetica, Arial, sans-serif;
        background: var(--bgColor);
        color: var(--color);
        padding: 100px;
        text-align: center;
        transition: 100ms ease-in background;
      }
      .hello:hover {
        color: color(var(--color) blackness(+80%));
      }
    `}</style>
  </div>
)

Also we have vscode-styled-jsx without support of postcss.

[MhMadHamster]

Hello, i just published new version, check it out, should work out for styled jsx now as well, but without intellisense and color decorators

[comerc]

Thanks. It is work fine! But now I want more features: intellisense and color decorators. :)

Also I found bug when press [CTRL]+[/] - JSX-comment instead of CSS-comment:

<style jsx>{`
  {/*.hello { color: red }*/}
`}</style>

[MhMadHamster]

Closing since main issue (i.e. syntax support for styled jsx) was solved and for the other ones i opened separate issues