描述bug

我们有一个文件

$_XS: 414;
$_XS_SM: 568;
$_SM: 768;
$_SM_MD: 960;
$_MD: 1024;
$_MD_LG: 1280;
$_LG: 1366;
$_XL: 1920;

$XXS: #{$_XXS}px;
$XS: #{$_XS}px;
$XS_SM: #{$_XS_SM}px;
$SM: #{$_SM}px;
$SM_MD: #{$_SM_MD}px;
$MD: #{$_MD}px;
$MD_LG: #{$_MD_LG}px;
$LG: #{$_LG}px;
$XL: #{$_XL}px;

:export {
  XXS: $_XXS;
  XS: $_XS;
  XS_SM: $_XS_SM;
  SM: $_SM;
  SM_MD: $_SM_MD;
  MD: $_MD;
  MD_LG: $_MD_LG;
  LG: $_LG;
  XL: $_XL;
}

在版本6之前，这个在webpackFinal中可以正常工作

config.module.rules.push({
      test: /\.scss$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
      include: path.resolve(__dirname, '../'),
    });

升级到最新版本后，这个.scss文件不再被解析，因此我的storybook会因为无法读取XS的未定义而崩溃。
我尝试了discord,也尝试了github上的styling addon webpack,但都没有成功。
有人能告诉我该怎么做，让一个简单的.scss文件和导出功能正常工作吗？

重现问题

• 无响应*

系统信息

• 无响应*

其他上下文信息

• 无响应*