Only on windows: [plugin:vite:css] [sass] Can't find stylesheet to import. Issue loading variables/

I am having issues running my code locally. When running the code in ubuntu, the site is loading fine. On windows, get the following error

[plugin:vite:css] [sass] Can't find stylesheet to import. ╷ 1 │ @use "src/styles/variables/_vuetify.scss" │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ plugin-vuetify:styles\main.sass 1:1 root stylesheet

The file "src/styles/variables/_vuetify.scss" exists and is loading fine in linux.

Contents of src/styles/variables/_vuetify.scss' file @forward "../../@core/scss/template/libs/vuetify/variables";

section of the vite.config.js

`import { fileURLToPath } from 'url' import VueI18n from '@intlify/vite-plugin-vue-i18n' import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx' import AutoImport from 'unplugin-auto-import/vite' import Components from 'unplugin-vue-components/vite' import DefineOptions from 'unplugin-vue-define-options/vite' import { defineConfig } from 'vite' import Pages from 'vite-plugin-pages' import Layouts from 'vite-plugin-vue-layouts' import vuetify from 'vite-plugin-vuetify'

// https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), vueJsx(),