Cant require scss file as const to ts file

[ooo2003003v2]

I required my color scss file as a const in my component it worked fine in the website but storybook shows the follow error.
Any idea why?

component file

const color = require("@/style/_color.scss");
...

scss file

$FONT_COLOR: #fff;
$BACKGROUND_COLOR: $lochmara-200;
$sub-font: #a9c7df;
$theme-font: $lochmara-90;
$light-font-color: #3c3f42;
$light-sub-font: #646464;
:export {
    fontColor: $FONT_COLOR;
    backgroundColor: $BACKGROUND_COLOR;
    subFont: $sub-font;
    themeFont: $theme-font;
    doughnutBacakground: $lochmara-30;
}

error

in ./src/style/_color.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/style/_color.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "v": expected 1 selector or at-rule, was 'var api = require("'
        on line 1 of D:\Documents\Vuejs Project\CV\src\style\_color.scss
>> var api = require("!../../node_modules/style-loader/dist/runtime/injectStyle