fix: move CSS side-effect imports to .js shim so tsc doesn't fight bundler

Author: lzxb

examples/micro-app/ssr-micro-shared/src/index.ts

@@ -1,11 +1,10 @@
 // CSS side-effect imports — own them at the federation root so consumers
 // don't need to import workspace-dep stylesheets (which rsbuild silently
-// drops). Each consuming remote reaches ssr-micro-shared anyway, and the
-// host's renderHost emits `<link>` for these chunks from this manifest.
-// @ts-expect-error CSS handled by bundler loader, not tsc.
-import './styles/tokens.css';
-// @ts-expect-error CSS handled by bundler loader, not tsc.
-import './styles/components.css';
+// drops). The actual `import './*.css'` lives in a sibling .js shim so tsc
+// stays out of bundler-only concerns. Each consuming remote reaches
+// ssr-micro-shared anyway, and the host's renderHost emits `<link>` for
+// these chunks from this manifest.
+import './styles/index.js';
 
 export { renderSSRHead } from 'unhead/server';
 export type { ActiveHeadEntry, Unhead, UseHeadInput } from 'unhead/types';

examples/micro-app/ssr-micro-shared/src/styles/index.js

@@ -0,0 +1,4 @@
+// Pure JS so tsc doesn't try to resolve `.css` modules.
+// rspack/rsbuild/vite all handle these via their CSS loaders.
+import './tokens.css';
+import './components.css';

examples/micro-app/ssr-micro-vite-vue/src/app.vue

@@ -61,10 +61,8 @@
 </template>
 
 <script setup lang="ts">
-// @ts-expect-error CSS handled by bundler loader, not tsc.
-import 'ssr-micro-shared/src/styles/tokens.css';
-// @ts-expect-error CSS handled by bundler loader, not tsc.
-import 'ssr-micro-shared/src/styles/components.css';
+// CSS loaded via shared package's JS shim — keeps tsc out of bundler-only paths.
+import 'ssr-micro-shared/src/styles/index.js';
 
 import { useRouter } from '@esmx/router-vue';
 import { useHead } from '@unhead/vue';