Migrate storybook to Dart Sass and away from node-sass

storybook/config/webpack.config.js

@@ -2,8 +2,8 @@
 
 const { statSync } = require('fs');
 const path = require('path');
-const sass = require('node-sass'); // eslint-disable-line import/no-unresolved
-const { buildIncludePaths, resolveGlobUrl } = require('node-sass-magic-importer/dist/toolbox'); // eslint-disable-line import/no-unresolved
+const sass = require('sass');
+const { buildIncludePaths, resolveGlobUrl } = require('node-sass-magic-importer/dist/toolbox');
 const webpack = require('webpack');
 const IS_EE = require('../../config/helpers/is_ee_env');
 const IS_JH = require('../../config/helpers/is_jh_env');

storybook/package.json

@@ -15,9 +15,9 @@
     "@storybook/addon-essentials": "^6.2.9",
     "@storybook/vue": "6.2.9",
     "graphql-tag": "^2.12.5",
-    "node-sass": "^4.14.1",
     "node-sass-magic-importer": "^5.3.2",
     "postcss-loader": "3.0.0",
+    "sass": "^1.49.9",
     "sass-loader": "^7.1.0",
     "storybook-mirage": "^0.0.4"
   }