Automatic Importing SCSS files ( +.SCSS ) been resetting after restart server

[SheikhRashed]

I am running into a very annoying problem with automatic imports. It is a very good feature no doubt. But some things can be very annoying. I am trying to mention something in this…

1. When it's importing other files + .scss file it's importing according to the file order number of that folder, showing that the file that should be in the top order is going down. By doing this, while scss is being compiled, it is giving an error, getting missing because there are some variables/functions inside that file which it is not getting in the above order.

2. If the file order is fixed manually then when the server is restarted it fires back to its previous state.

I am very new to Vite js and trying to learn. If there is any way to control this default usage please let me know how I can do it.

Folder Structure

Before Restarting Server

After Restarting Server