allow plugin to work in rolldown

rolldown does not expose importedIdResolutions similar to rollup and so we need
to move the emit to the render phase

Author: radnan

.changeset/light-guests-pull.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/rollup-plugin': patch
+---
+
+allow plugin to work in rolldown

packages/rollup-plugin/src/index.ts

@@ -116,30 +116,21 @@ export function vanillaExtractPlugin({
         },
       };
     },
-
-    // Emit .css assets
-    moduleParsed(moduleInfo) {
-      moduleInfo.importedIdResolutions.forEach((resolution) => {
-        if (resolution.meta.css && !extract) {
-          resolution.meta.assetId = this.emitFile({
-            type: 'asset',
-            name: resolution.id,
-            source: resolution.meta.css,
-          });
-        }
-      });
-    },
-
-    // Replace .css import paths with relative paths to emitted css files
+    // Emit .css assets and replace .css import paths with relative paths to emitted css files
     renderChunk(code, chunkInfo) {
       const chunkPath = dirname(chunkInfo.fileName);
       const output = chunkInfo.imports.reduce((codeResult, importPath) => {
         const moduleInfo = this.getModuleInfo(importPath);
-        if (!moduleInfo?.meta.assetId) {
+        if (!moduleInfo?.meta.css || extract) {
           return codeResult;
         }
 
-        const assetPath = this.getFileName(moduleInfo?.meta.assetId);
+        const assetId = this.emitFile({
+          type: 'asset',
+          name: moduleInfo.id,
+          source: moduleInfo.meta.css,
+        });
+        const assetPath = this.getFileName(assetId);
         const relativeAssetPath = `./${normalize(
           relative(chunkPath, assetPath),
         )}`;

packages/rollup-plugin/src/lib.ts

@@ -22,9 +22,10 @@ export function generateCssBundle(
 
   // 2. build bundle from import order
   for (const id of sortModules(cssFiles)) {
-    const { importedIdResolutions } = plugin.getModuleInfo(id) ?? {};
-    for (const resolution of importedIdResolutions ?? []) {
-      if (resolution.meta.css && !extractedCssIds.has(resolution.id)) {
+    const { importedIds } = plugin.getModuleInfo(id) ?? {};
+    for (const importedId of importedIds ?? []) {
+      const resolution = plugin.getModuleInfo(importedId);
+      if (resolution?.meta.css && !extractedCssIds.has(resolution.id)) {
         extractedCssIds.add(resolution.id);
         cssBundle.addSource({
           filename: resolution.id,