From 5ea784e6c4250528053da667ec92411aae66029c Mon Sep 17 00:00:00 2001 From: Andreas Motl Date: Fri, 2 Dec 2022 14:27:20 +0100 Subject: [PATCH] Fix dependency problems with `bootstrap-sass` by using newer `sass` SassError: Invalid CSS after "...point-max: math": expected expression (e.g. 1px, bold), was ".div($grid-float-br" from line 12 of app/styles/styles.scss >> $grid-float-breakpoint-max: math.div($grid-float-breakpoint - 1) !default; --------------------------------^ > This error appears to be due to the use of SassC instead of dart-sass. > SassC wraps libsass, which does not support the math.div syntax. SassC > and libsass are deprecated. > > I recommend you upgrade your sass compiler to an appropriate version. > > -- @AprilArcus, https://github.com/twbs/bootstrap-sass/issues/1224#issuecomment-1054518213 --- package-lock.json | 41 +++++++++++++++++++++++++++++++++++++++++ package.json | 1 + 2 files changed, 42 insertions(+) diff --git a/package-lock.json b/package-lock.json index f2266c1a..a0818f02 100644 --- a/package-lock.json +++ b/package-lock.json @@ -55,6 +55,7 @@ "mini-css-extract-plugin": "^1.6", "node-sass": "^6.0.0", "null-loader": "^0.1.1", + "sass": "^1.33", "sass-loader": "^10.2", "serve-static": "^1.14", "style-loader": "^0.23", @@ -6995,6 +6996,12 @@ "minimatch": "^3.0.4" } }, + "node_modules/immutable": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", + "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==", + "dev": true + }, "node_modules/import-local": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", @@ -10842,6 +10849,23 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, + "node_modules/sass": { + "version": "1.56.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz", + "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==", + "dev": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=12.0.0" + } + }, "node_modules/sass-graph": { "version": "2.2.5", "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz", @@ -19703,6 +19727,12 @@ "minimatch": "^3.0.6" } }, + "immutable": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", + "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==", + "dev": true + }, "import-local": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", @@ -22689,6 +22719,17 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, + "sass": { + "version": "1.56.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz", + "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==", + "dev": true, + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, "sass-graph": { "version": "2.2.5", "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz", diff --git a/package.json b/package.json index 544e2dec..9603e1bb 100644 --- a/package.json +++ b/package.json @@ -39,6 +39,7 @@ "mini-css-extract-plugin": "^1.6", "node-sass": "^6.0.0", "null-loader": "^0.1.1", + "sass": "^1.33", "sass-loader": "^10.2", "serve-static": "^1.14", "style-loader": "^0.23",