I am attempting to transpile/compile the code snippet provided on [https://sass-lang.com/documentation/at-rules/use#load-paths]
// src/_corners.scss
$radius: 3px;
@mixin rounded {
border-radius: $radius;
}
// style.scss
@use "src/corners";
.button {
@include corners.rounded;
padding: 5px + corners.$radius;
}
Encountering this error from node-sass:
{
"status": 1,
"file": "C:/Users/path/scss_mixins/style.scss",
"line": 4,
"column": 12,
"message": "Invalid CSS after \" @include corners\": expected \"}\", was \".rounded;\"",
"formatted": "Error: Invalid CSS after \" @include corners\": expected \"}\", was \".rounded;\"\n on line 4 of style.scss\n>> @include corners.rounded;\r\n -----------^\n"
}
Command used in my CLI:
npx node-sass -o ./dist style.scss
All software versions are up to date - node, npm, and node-sass.
Appreciate any assistance. :)