Bootstrap 5.3 sass/scss files compilation @import errors

3.0 migration
1

Hi,

In the process of converting my Meteor 2.16 app to 3.x, I am trying to use leonardoventurini:scss now as a replacement for fourseven:scss, since the latter yields a lot of node-gyp and python version related errors.

leonardoventurini:scss works well for importing my own partials via @import “{}/client/import/_xxx”, also importing “node_modules/bootstrap/scss/_yyy” root partials works succesfully via a soft link like e.g. “{}/imports/styleSheet/bootstrap/scss/” (as required since Meteor 1.7).

However, the bootstrap 5.3 scss files themselves import many nested partials via relative paths like e.g. @import “variables-dark”, which cause the following error:

While building for web.browser.legacy:
   /client/styleSheet/main.scss: SASS Compiler Error: Error: File to import: variables-dark not found in file: {}/imports/styleSheet/bootstrap/scss/_variables.scss
   ╷
   1751 │ @import "variables-dark"; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3
   │         ^^^^^^^^^^^^^^^^
   ╵
   XOPENCURLYBRACKETSXXCLOSECURLYBRACKETSX\imports\styleSheet\bootstrap\scss\XUNDERSCOREXvariablesXDOTXscss 1751:9  @import
   XOPENCURLYBRACKETSXXCLOSECURLYBRACKETSX\client\styleSheet\XUNDERSCOREXbootstrapXDOTXscss 10:9                    @import
   {}\client\styleSheet\main.scss 3:9                                                                               root stylesheet

I created this “scss-config.json” file in the root of my project folder, but it doesn’t make any difference:

{
    "includePaths": [
        "{}/imports/styleSheet/bootstrap/scss/"
    ]
}

In short: it turns out that any import with a relative path like @import “_xxx” fails.

Is this a limitation of the dart-sass compiler? Or is this related to Windows?
I am running Meteor developer mode on Windows.

Just for me to know: is anyone succesfully compiling bootstrap 5.3 scss with this package in Meteor 3.x? Also on Windows?

Thanks for responding!