fix: returned variables init

Author: benabraham

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "MyFirstBootstrapWebsite",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "author": "Daniel Srb",
   "license": "MIT",
   "description": "A basic template to start a website based on Bootstrap 5",

package.json

@@ -32,6 +32,8 @@
 // Please see _4-customized-bootstrap-variables.scss.
 // for a more practical version of this solution.
 
+@import "bootstrap-variables-init"; // init all variables so dart sass doesn’t throw deprecation warnings
+
 %custom-bootstrap-variables {
     @import "node_modules/bootstrap/scss/functions";
     @import "node_modules/bootstrap/scss/variables";

src/scss/_3-customized-bootstrap-variables.scss

@@ -36,6 +36,8 @@
 // `^\$([a-z0-9-]+):(\s+)(.*)(\s+)!default;` => `// \$$1: $3; \$$1: \$$1 !global; // $3`
 // Complex structures as maps etc. must be edited manually.
 
+@import "bootstrap-variables-init"; // init all variables so dart sass doesn’t throw deprecation warnings
+
 %custom-bootstrap-variables {
     @import "node_modules/bootstrap/scss/functions";
     @import "node_modules/bootstrap/scss/variables";