webpack局部样式封装的对象引用问题

老师您好，您的免费课程深入浅出，让我快速了解和掌握了webpack的使用方法，很感谢您。不过我在练习时发现了一个与课程有出入的问题，后来被我解决了，但还是想了解一下。

我在popup.ts文件中引用css文件

let styles = require("./popup.css")"

其中您课程中styles对象下可以直接引用css类，但是我的代码中styles对象下还有一个default属性，我需要styles.default.XXX才能引用css类，我想可能是版本的问题，希望老师可以答疑解惑。

这是我使用的版本
"css-loader": "^5.0.1",

"webpack": "^5.4.0",