Jekyll won't compile SASS variables

Trying to access Sass variables defined in a folder but for some reason, they’re being compiled as plaintext instead of as variables.

Directory architecture

|_ abstracts
|__ fonts.scss
|__ variables.scss
|_ base
|__ _base.scss
|__ _layout.scss
|__ _syntax-highlighting.scss
|__ typography.scss
|_ css
|__ main.scss


# Front matter comment to ensure Jekyll properly reads file.

// @import "abstracts/fonts";
@import "abstracts/variables";

@import "base/base";
@import "base/layout";
// @import "base/syntax-highlighting";
@import "base/typography";

Nevermind, it was an interpolation issue, not a variables issue.