Unable to find extension .scss

[DanishMehmood-bit]

Hello everyone.

I'm migrating my tests from jest to vitest.... Problem is we've a dependency on an external module which only exports esm and another module which we consume provides both esm and cjs but since by default our app supports cjs it gives error on vitest.... Now in vitest.config.js I changed the path to esm like this

alias: {
      "module-which-exports-both": 'module-which-exports-both/lib/esm/index.js',
    }

Now this resolves this error

require() of ES Module from not supported.

But now I'm getting
Unknown file extension ".scss"

I found somewhere to add the pkg to deps.optimizer.web.include

deps: {
      optimizer: {
        web: {
          enabled: true,
          include: ["module"],
        },
      },
}

but now I'm getting this error
Error: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'd:'

Not really sure whats happening anymore. This whole scenario was working in jest with:

transform: {
    "^.+\\.(js|ts|tsx)$": [
      "ts-jest",
      {
        isolatedModules: true,
        tsconfig: "./tsconfig.test.json",
      },
    ],
  },
  transformIgnorePatterns: ["^.+\\.module\\.(css|sass|scss)$"],

Any help would be appreciated since now I'm stuck. Thanks!