为什么ES模块中导入的CSS无法被Tree Shaking删除？

我在用ES Module打包项目时，发现导入的CSS文件里没用到的样式始终被包含在最终包里。比如我在组件里只用了.button-primary，但整个CSS文件都被打包了，这是为什么呢？

我试过在Webpack里配置了sideEffects: false，也确认用了ESM语法。但像下面这样的CSS文件里未引用的类还是会被带上：

.button-primary {
  background: blue;
}
.button-secondary {
  background: red;
}
.button--disabled {
  opacity: 0.5;
}

难道CSS不能被Tree Shaking？或者需要额外配置？