Example of rollup app consuming VE module

[vdenisenko-waverley]

Hi there.

I am trying to add VE into my rollup application. Since there is a rollup integration section in docs, I assume it is possible somehow, but I'm running into issues and wondering how to make it work.

Link to repo: https://github.com/vdenisenko-waverley/vanilla-extract-rollup-consume

I know rollup doesn't support css processing out of the box, so I am using rollup-plugin-postcss to add that feature and everything works excellent and CSS being injected into bundle properly. Then I add VE stuff below:

// src/index.ts
import { flexContainer } from './styles.css'; // <<<<< this line cause issues

// src/styles.css.ts
import { style } from '@vanilla-extract/css';

export const flexContainer = style({
  display: 'flex'
});

which adds CSS import to bundle but this one not processed by postcss and obviously I'm getting error in browser

// dist/index.js
import './assets/src/styles.css.ts.vanilla-374fee38.css';

// dist/assets/src/styles.css.ts.vanilla-374fee38.css
.styles_flexContainer__1eterx40 {
  display: flex;
}

So I am wondering what is the correct way of consuming VE module in rollup application? Is there something I missed?