Exposing sprinkles from a component library gives the error document undefined, using vite.js

[w3b-wiz4rd]

Hey, I'm working on a component.library using VE, I have evrything working but when I trye to create a new component using sprinkles which is exposed, gives me the following error:

I'm exporting sprinkles on the component-library:

export { sprinkles, vars, themes } from './css';

export type { Sprinkles, ComponentProps } from './css';

CustomComponent.css.ts

import { style } from '@vanilla-extract/css';
import { sprinkles } from 'component-library';

export const componentStyel = style([
  {},
  sprinkles({
    display: 'flex',
    backgroundColor: 'viewBackground'
  })
]);

I already tested is, without sprinkles and everything works just fine ..., the issue is with sprinkes, I had the component-library inside the project it could be a runtime issue ?, any ideas.

Regards.