fix: move to sass package

* `node-sass` has been deprecated
* move to supported `sass` package

Author: aswanson-nr

gatsby-config.js

@@ -137,11 +137,12 @@ module.exports = {
         icon: `src/images/icon.png`, // This path is relative to the root of the site.
       },
     },
-    'gatsby-plugin-sass',
-    // this (optional) plugin enables Progressive Web App + Offline functionality
-    // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
-
+    {
+      resolve: `gatsby-plugin-sass`,
+      options: {
+        implementation: require('sass'),
+      },
+    },
     {
       resolve: `gatsby-plugin-mdx`,
       options: {

package.json

@@ -20,7 +20,7 @@
     "gatsby-plugin-manifest": "^3.8.0",
     "gatsby-plugin-mdx": "^2.8.0",
     "gatsby-plugin-offline": "^4.8.0",
-    "gatsby-plugin-sass": "^4.8.0",
+    "gatsby-plugin-sass": "^5.9.0",
     "gatsby-plugin-sharp": "^3.8.0",
     "gatsby-remark-copy-linked-files": "^4.5.0",
     "gatsby-remark-images": "^5.5.0",
@@ -30,7 +30,6 @@
     "js-search": "^2.0.0",
     "lodash": "^4.17.21",
     "marked": "^2.0.0",
-    "node-sass": "^6.0.1",
     "prism-react-renderer": "^1.2.0",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
@@ -40,6 +39,7 @@
     "react-images": "^1.2.0-beta.7",
     "react-live": "^2.2.3",
     "react-modal-image": "^2.5.0",
+    "sass": "^1.49.9",
     "unist-util-visit": "^2.0.3",
     "use-dark-mode": "^2.3.1",
     "uuid": "^7.0.3"