theme file extension issue

[KingAmo]

Describe the issue

react-strict-dom: 0.0.54

tokens.css.js

import { css } from 'react-strict-dom';

const DARK = '@media (prefers-color-scheme: dark)';

export const tokens = css.defineVars({
  red: 'red',
  opacity: css.types.number(0.5),
  fontSize: '30px',
  bg: {
    default: 'green',
    [DARK]: 'red',
  },
});

error in web:

Could not resolve the path to the imported file.
Please ensure that the theme file has a .stylex.js or .stylex.ts extension and follows the
rules for defining variables:

https://stylexjs.com/docs/learn/theming/defining-variables/#rules-when-defining-variables

Expected behavior

no error

Steps to reproduce

i am using react-strict-dom with vite, when upgrade react-strict-dom from 0.0.52 to 0.0.54, i come across this error

Test case

No response

Additional comments

No response

[MoOx]

I think tokens.css.js should be named tokens.stylex.js as explained in the error message

Please ensure that the theme file has a .stylex.js or .stylex.ts extension

[MoOx]

Oh just saw that latest version changed the default stylex extension. This message should be fixed in https://github.com/facebook/stylex/blob/04981ac49099b0b65dce8f1d8e6c7960356fd898/packages/%40stylexjs/babel-plugin/src/utils/evaluation-errors.js#L35 and use the dynamic themeFileExtension option

[necolas]

How are you importing the tokens file? Like this? https://github.com/facebook/react-strict-dom/blob/main/apps/platform-tests/src/components/App.js#L13