SassError: Undefined variable due to missing import for maps

Simply reporting. Tested solution locally which works. Later I will make an MR if nobody beats me to it.

Problem/Motivation

Error when compiling:

ERROR in ./src/scss/main.style.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable.
    ╷
142 │       values: $utilities-border-colors

Steps to reproduce

npm run dev

Proposed resolution

Need to @import "~bootstrap/scss/maps"; (that's where $utilities-border-colors is defined) before @import "~bootstrap/scss/utilities";.

https://github.com/twbs/bootstrap/issues/36785#issuecomment-1189969247