scss转css中如何保持动画关键帧？

Question

我这里动画关键帧 的变量名必须用 单引号包裹才能用，没有引号和双引号都会报错。上图是正常使用的css。
我现在想写scss并转css。但是我在使用vscode的开发过程中，单引号会静态报错，而且编译后输出的css也会变成双引号

无论是rollup的 rollup-plugin-scss，还是用webpack的如下配置

--wepack.config.js
    module: {
        rules: [
            {
                test: /\.s[ac]ss$/,
                loader: 'sass-loader',
                options: {
                    implementation: require('node-sass'),
                    sassOptions: {
                        outputStyle: 'expanded',
                    },
                },
            },
        ],
    },