Resolve Sass deprecation warnings: color-functions & import

[tylersticka]

Overview

This PR resolves two Sass deprecation warnings:

• https://sass-lang.com/documentation/breaking-changes/color-functions/
• https://sass-lang.com/documentation/breaking-changes/import/

Note

This PR does not resolve all deprecation warnings, only the two listed above.

Testing

Confirm there's no change in the output CSS. For example, from the project directory:

1. Checkout the main branch: git checkout main
2. Pull the latest: git pull
3. Install dependencies: npm ci
4. Build the CSS: npm run build:sass
5. Observe that the output includes Sass deprecation warnings for [color-functions] and [import].
6. Move the output to a new directory: mv dist dist-before
7. Checkout this PR branch: git checkout chore/sass-warnings
8. Build the CSS again: npm run build:sass
9. Observe that the output no longer includes Sass deprecation warnings for [color-functions] or [import].
10. Compare the before and after files: diff dist/standalone.css dist-before/standalone.css (there shouldn't be any output since there are no differences)
11. Remove the dist-before directory (so you don't accidentally commit it later): rm -rf dist-before

---

• Fixes Resolve Sass deprecation warning: color-functions #2285
• Fixes Resolve Sass deprecation warning: import #2286

[netlify]

✅ Deploy Preview for cloudfour-patterns ready!

Name	Link
🔨 Latest commit	6e9022f
🔍 Latest deploy log	https://app.netlify.com/projects/cloudfour-patterns/deploys/6830da07c88e630007d244a2
😎 Deploy Preview	https://deploy-preview-2289--cloudfour-patterns.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.