csr632
### Component Icon https://unpkg.alipay.com/@alifd/[email protected]/dist/next.css  这个用法是错误的。`@charset`必须出现在第一个字符： https://developer.mozilla.org/en-US/docs/Web/CSS/@charset --- 具体表现为：  可能还会导致其他icon字符解析错误。
### Component 目前，fusion输出的所有css变量都是挂载到同一个根元素（比如:root）的。由于css var的数量很多（3600+个），并且由于css var是自动继承的，导致【每一个元素】都会受到【所有变量的影响】。导致在使用浏览器开发者工具查看元素样式的时候，非常卡顿。 ### Reproduction link [https://o2.alibaba-inc.com/sandbox/ide?id=191](https://o2.alibaba-inc.com/sandbox/ide?id=191) ### Steps to reproduce 打开浏览器开发者工具，选中一些元素，查看它们的样式。同时，尝试与应用元素进行交互，关注应用和开发者工具的卡顿情况。 在真实的应用中，有更多组件和元素，卡顿会更加严重。 ### 方案讨论 1. 减少放在顶层根元素的css变量 将css变量分为【私有变量】和【公共变量】，并区别对待： - 绝大部分css var其实只是用于某些元素的局部用途（[css变量列表](https://unpkg.alipay.com/browse/@alife/[email protected]/variables.css)），比如`--tree-switch-margint-right`，他们属于【私有变量】，没必要挂载在根元素上，应该挂载在使用他们的组件元素，或者是更加内部的元素上。 - 挂载在根元素上的，应该只有【公共变量】，比如`--color-text1-9`，即那些公共的design token。 2. 减少【私有变量】 可能有一些css变量，根本就不会受到用户主题的影响。因此，它们也没必要将这些样式值定义在css变量中，让css样式直接依赖具体值（而不是css变量）即可。 ###...
If I call `resolve.modules.clear()`, webpack-chain don't output `resolve.modules` config at all, and webpack will use the default `['node_modules']`
vite-plugin-react-pages currently use mdx v1: https://github.com/vitejs/vite-plugin-react-pages/blob/f8e71cdc4efb34fe814150a03a644ae73ae49ceb/packages/create-project/template-app/package.json#L19 And [vite-plugin-mdx](https://github.com/brillout/vite-plugin-mdx) also only support mdx v1, currently.
# Bug Report ### 🔎 Search Terms Keywords: generic function, mapped types Errors: 1. Type 'T1' is not assignable to type 'T2'. 2. Two different types with this name exist,...
### Description https://github.com/vitejs/vite/pull/11290 make `tryOptimizedResolve` stricter, removing some **wrong code path** that would resolve to optimized deps without considering the importer. But the wrong code path hid another bug in...
https://sandpack.codesandbox.io/docs/advanced-usage/client#hosting-the-bundler example: https://github.com/chakra-ui/chakra-ui-docs