Switch to dart-sass (#1264)

gulpfile.js

@@ -1,7 +1,7 @@
 const gulp = require('gulp'),
 	debug = require('gulp-debug'),
 	clean = require('gulp-clean'),
-	sass = require('gulp-sass')(require('node-sass')),
+	sass = require('gulp-sass')(require('sass')),
 	postcss = require('gulp-postcss'),
 	header = require('gulp-header'),
 	cleanCSS = require('gulp-clean-css'),

package.json

@@ -143,7 +143,7 @@
     "rollup": "^2.79.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "sass": "^1.54.8",
+    "sass": "^1.54.9",
     "tinymce": "^6.1.2",
     "tom-select": "^2.1.0",
     "vinyl-buffer": "^1.0.1",
@@ -154,8 +154,7 @@
   "dependencies": {
     "@popperjs/core": "^2.11.6",
     "@tabler/icons": "^1.96.0",
-    "bootstrap": "5.2.0",
-    "node-sass": "^7.0.1"
+    "bootstrap": "5.2.0"
   },
   "peerDependencies": {
     "apexcharts": "^3.35.5",

src/scss/utils/_colors.scss

@@ -1,5 +1,3 @@
-@use "bootstrap";
-
 // All colors
 @each $color, $value in $theme-colors {
   .bg-#{"" + $color} {