Won't build with variables and sass:math

[Nordicdesign]

Hey,
I have a small project with a few sass files, I'm using @snowpack/plugin-sass and it works fine in development but when I run build it'll complain.

app.scss (imports everything)
variables.scss (contains a variable called $baseline used for spacing)
/components/Header.scss

When I tried building it locally, first complained about the variable:

[23:10:11] [snowpack] Error: Command failed with exit code 65: sass --stdin --load-path=D:\Sites\fse-alias-finder\src\assets\styles\components --load-path=D:\Sites\fse-alias-finder --load-path=D:\Sites\fse-alias-finder\node_modules
Error: Undefined variable.
  ╷
2 │   margin: 0 0 $baseline*3;

So I imported that file directly to Header.scss which solved the issue, but it's not nice if I have to import my variable files on every single one of them.
Then complained about the built-in module sass:math that I use for divisions (if I use the old / snowpack or the linter will complain that it's deprecated and force me to use sass:math
The error in build:

[23:11:13] [snowpack] Command failed with exit code 65: sass --stdin --load-path=D:\Sites\fse-alias-finder\src\assets\styles\components --load-path=D:\Sites\fse-alias-finder --load-path=D:\Sites\fse-alias-finder\node_modules
   ╷
12 │   padding: math.div($baseline,2);

So I had to remove my maths and put that manually for now for it to build.

Any thoughts on how to solve this?
Cheers,
Alex