[Bug] Deprecation Warnings Encountered When Running npm run watch for Sass on LegalDB

[Netacci]

Description

When running npm run watch to watch Sass locally on the LegalDB project, deprecation warnings are encountered. These warnings suggest that certain features are deprecated and need to be updated to avoid potential issues in the future.

Reproduction

1. Run the Sass watcher with `npm run watch`
2. See error. See deprecation warnings in the terminal.

Expectation

The Sass watcher should run without any deprecation warnings, indicating that all features used are up-to-date and compliant with the latest standards.

Screenshots

Environment

• Device: (eg. iPhone Xs; laptop)
• OS: (eg. iOS 13.5; Fedora 32)
• Browser: (eg. Safari; Firefox)
• Version: (eg. 13; 73)
• Other info: (eg. display resolution, ease-of-access settings)

Additional context

The specific deprecation warnings point to outdated Sass syntax that need to be refactored to align with newer versions of Sass

see below

https://sass-lang.com/documentation/breaking-changes/slash-div/

https://sass-lang.com/documentation/breaking-changes/mixed-decls/

Resolution

• [ ] I would be interested in resolving this bug.

[TimidRobot]

https://github.com/creativecommons/legaldb/labels/%F0%9F%9A%A7%20status%3A%20blocked by need to migrate to the current Vocabulary design system:

• 195

• 196

• 197

[Netacci]

Hi @TimidRobot to implement vocabulary on legal db, does that mean we'll be changing the styling implementation to use css instead of scss?

[TimidRobot]

@Netacci Probably, but I'm not sure.

[Netacci]

That might be the move. It's either that or having to directly compile vocabulary css directly into scss file(which I've tried and experiencing errors) or converting vocabulary css to scss @TimidRobot