So, not sure if i'm looking in the right direction, but trying to use the latest sass, i'd like to replace my @import's with @use's like a good boy. Let's say my folder structure is this:

styles/
├─ main.scss
├─ _variables.scss
├─ components/
│  ├─ checkbox.scss
│  ├─ input.scss
│  ├─ radio.scss

and then in my main.scss I wanna do this:

@use "variables" as *;

@use "components/checkbox";
@use "components/radio";
@use "components/input";

and in my checkbox.scss, radio.scss, and input.scss i want to use those variables without declaring @use "variables" again in each file.

Is this possible? Because this won't work out of the box i think :(