how to use scss?

[hainm]

I keep getting

[
  {
    moduleIdentifier: '/Users/nguyen/programs/molstarview/js/node_modules/molstar/lib/mol-plugin-ui/skin/light.scss',
    moduleName: './node_modules/molstar/lib/mol-plugin-ui/skin/light.scss',
    loc: '1:0',
    message: "Module parse failed: Unexpected character '@' (1:0)\n" +
      'You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n' +
      "> @import 'colors/light';\n" +
      "| @import 'base/base';",
    moduleId: 6382,
    moduleTrace: [ [Object], [Object], [Object] ],
    details: undefined,
    stack: "ModuleParseError: Module parse failed: Unexpected character '@' (1:0)\n" +
      'You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n' +
      "> @import 'colors/light';\n" +
      "| @import 'base/base';\n" +
      '    at handleParseError (/Users/nguyen/programs/molstarview/js/node_modules/webpack/lib/NormalModule.js:1175:19)\n' +
      '    at /Users/nguyen/programs/molstarview/js/node_modules/webpack/lib/NormalModule.js:1317:5\n' +
      '    at processResult (/Users/nguyen/programs/molstarview/js/node_modules/webpack/lib/NormalModule.js:938:11)\n' +
      '    at /Users/nguyen/programs/molstarview/js/node_modules/webpack/lib/NormalModule.js:1036:5\n' +
      '    at /Users/nguyen/programs/molstarview/js/node_modules/loader-runner/lib/LoaderRunner.js:407:3\n' +
      '    at iterateNormalLoaders (/Users/nguyen/programs/molstarview/js/node_modules/loader-runner/lib/LoaderRunner.js:233:10)\n' +
      '    at /Users/nguyen/programs/molstarview/js/node_modules/loader-runner/lib/LoaderRunner.js:224:4\n' +
      '    at /Users/nguyen/programs/molstarview/js/node_modules/webpack/lib/NormalModule.js:990:15\n' +
      '    at Array.eval (eval at create (/Users/nguyen/programs/molstarview/js/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)\n' +
      '    at runCallbacks (/Users/nguyen/programs/molstarview/js/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:45:15)',
    compilerPath: undefined
  }
]

Work around

npx sass node_modules/molstar/lib/mol-plugin-ui/skin/light.scss > src/light.css