SyntaxError: Unexpected token - when requiring sheetify in a file using JSX

I’m trying to use sheetify in a module that is using JSX syntax:

const { h } = require('preact');
const css = require('sheetify');

const styles = css`:host { color: hotpink; }`;

const HelloThing = () => (
  <h1 class={styles}>Hello!</h1>
);

module.exports = HelloThing;

This gives me:

SyntaxError: Unexpected token (7:2) while parsing file: whatevs.js

My browserify setup in package.json looks like:

    "transform": [
      [
        "sheetify/transform",
        {
          "use": [
            [
              "sheetify-postcss",
              {
                "plugins": [
                  "postcss-cssnext"
                ]
              }
            ]
          ]
        }
      ],
      "babelify"
    ]
  },

Reading #49 makes me think it should work, but apparently it doesn’t. Any idea or hint on how this could work?

Edit: i’m running up-to-date browserify@14 / budo@10

[m90]

That sounds reasonable. I think I should find the time next week to give this a try if that’s ok. I’ll let you know what comes out of it.

[m90]

Works like a charm!