perf: optimize css chunks

[antfu]

#1239

This PR made the following two changes to optimize the css chunking:

• Make the component and styles of Vue Data UI async on-demand
• Separate the icons layer from the main UnoCSS entry and then it async
  • This would introduce a side-effect that the icons css become unblocking and might have flash-of-no-icons on first load. We could discuss if this would be worth it.

Deploy Preview: https://npmxdev-git-fix-css-optimization-npmx.vercel.app/

Before:

After:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 11, 2026 8:55pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 11, 2026 8:55pm
npmx-lunaria	Ignored		Feb 11, 2026 8:55pm

[coderabbitai]

📝 Walkthrough

Walkthrough

Adds UnoCSS imports and an async icon CSS import to the app entry; converts eager vue-data-ui chart components to lazy-loaded components via defineAsyncComponent and adds side-effect style imports; introduces a new UnoCSS source transformer (transformerIconInlineBlock) that appends inline-block sizing tokens to icon classes; updates uno.config.ts to adjust presetIcons and include the transformer and content.pipeline.exclude; disables unocss autoImport in nuxt.config.ts and enables it for the Nuxt test environment in vitest.config.ts; adds uno/uno.css to knip ignoreDependencies. No exported public API signatures were changed.

Possibly related PRs

• fix: icons disappear in Windows High Contrast Mode #1150: Changes to uno.config.ts presetIcons and icon handling that overlap with the transformer and icon configuration adjustments in this PR.

Suggested labels

front

Suggested reviewers

• alexdln

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, documenting two optimization changes to CSS chunking with specific technical details and deployment preview.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/css-optimization

---

No actionable comments were generated in the recent review. 🎉

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[danielroe]

this is amazing! I do think we need to move inline-block into the individual icons as otherwise there's now tiny layout shifts for every icon.