遇到相同的问题，解决思路如下：

针对子包单独写个简单的样式，发现可以正常在开发者工具中显示css代码；

把打包中的全量css 整体拷入， 子包的样式文件，发现无法显示代码；

经过排查，最终是:root 标签导致；

这类问题差不多就是这个排查方向；

结论：小程序产物中，有多个:root 标签，根据各自情况看是否能够清掉。

通过打包阶段把所有依赖中的:root 和项目中的:root 标签都移除，最终解决了这个问题

     // 添加CSS处理规则，过滤所有CSS文件中的:root选择器
          chain.module
            .rule("css-root-filter")
            .test(/\.css$/)
            .use("css-root-filter")
            .loader("string-replace-loader")
            .options({
              search: /:root\s*{[^}]*}/g,
              replace: "",
              flags: "g",
            });


          // 添加SCSS处理规则，过滤所有SCSS文件中的:root选择器
          chain.module
            .rule("scss-root-filter")
            .test(/\.scss$/)
            .use("scss-root-filter")
            .loader("string-replace-loader")
            .options({
              search: /:root\s*{[^}]*}/g,
              replace: "",
              flags: "g",
            });