Correct import order of _custom.scss and _variables.scss?

Created by: constructit

Copy and paste relevant lines from _variables.scss into the custom file

Currently bootstrap.scss imports _custom.scss before _variables.scss which seems to make any variable declaration within _variables.scss unavailable for use within _custom.scss.

@import "custom"; // (contains customization for: $lead-font-size)
@import "variables";

Error: Undefined variable: "$lead-font-size".

Whereas when I swap the order of these two files it compiles without errors.

@import "variables";
@import "custom"; // (contains customization for: $lead-font-size)