generateForBothDir option value not reaching preprocessor.js

[sassanh]

Steps to reproduce

With examples/pigment-css-nextjs-ts

Add this to withPigment options:

  css: {
    generateForBothDir: true,
    defaultDirection: 'ltr',
  }

add this prop to <Link> components in src/app/page.tsx:

          className={css({
            marginRight: '100px',
          })}

Run the project and see the margin being added
In dev-tools add "dir=rtl" to the html tag and see the margin not becoming reversed.

I added a console.log(generateForBothDir) here node_modules/@pigment-css/react/utils/index.js:54 (this is the line number of compiled file in node_modules, the place of this line in the code is here) and noticed it is false even though it is set to true in the next.config.mjs file. Reading the code I don't see it being passed to preprocessor.

Your environment

using pigment 0.0.24
I don't think my browser version is relevant here as I checked the generated code and it was wrong and probably doesn't work in any other browser too, but I'm using Safari 18.1.

Search keywords: rtl