[webpack-config-terra] Upgrade to sass (dart-sass)

packages/terra-toolkit-docs/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Added
+  * webpack-config-terra v2 upgrade guide.
+
 ## 1.23.0 - (July 26, 2021)
 
 * Changed

packages/terra-toolkit-docs/src/terra-dev-site/tool/webpackConfigTerra/upgrade-guide.6/version-2-upgrade-guide.2.tool.mdx

@@ -0,0 +1,15 @@
+import { Badge } from '@cerner/webpack-config-terra/package.json?dev-site-package';
+
+<Badge />
+
+# webpack-config-terra Upgrade Guide
+
+## Changes from @cerner/webpack-config-terra 1.0.0 to @cerner/webpack-config-terra 2.0.0
+
+#### Removed node-sass
+
+We have removed [node-sass](https://github.com/sass/node-sass) from dependencies and switched to [sass (dart-sass)](https://github.com/sass/dart-sass).
+
+#### Update WDIO snapshots
+
+The previously used `node-sass` had a precision of 5, whereas `sass` has an unadjustable precision of 10. Hence consumers may need to regenerate screenshots to account for slightly larger css values.

packages/webpack-config-terra/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Changed
+  * Upgraded from `node-sass` to `sass (dart-sass)`
+
 ## 1.3.1 - (January 27, 2021)
 
 * Changed

packages/webpack-config-terra/package.json

@@ -48,11 +48,11 @@
     "glob": "^7.1.1",
     "memory-fs": "^0.4.1",
     "mini-css-extract-plugin": "^1.3.1",
-    "node-sass": "^5.0.0",
     "postcss-assets-webpack-plugin": "^4.0.0",
-    "postcss-custom-properties": "^10.0.0",
+    "postcss-custom-properties": "^11.0.0",
     "postcss-loader": "^4.1.0",
     "raw-loader": "^4.0.2",
+    "sass": "^1.35.2",
     "sass-loader": "^10.1.0",
     "terser-webpack-plugin": "^4.2.1",
     "webpack-merge": "^5.4.0"