Migrate /privacy to use Sass @use (issue #10896)

[maureenlholland]

One-line summary

Updates to new Sass @use syntax, should be no regression

• I used an AI to write some of this code.

Significant changes and points to review

Issue / Bugzilla link

#10896

Testing

http://localhost:8000/en-US/privacy/
http://localhost:8000/en-US/privacy/email/
http://localhost:8000/en-US/privacy/websites/cookie-settings/

submit form on cookie settings page to see success message

[maureenlholland]

I'm fairly certain that we can remove all of these individual $font-path and $image-path declarations because they will be set only once on the initial load of lib through the base templates. All subsequent "loads" of the lib file should reference this originally loaded file (with config). Need to find a way to test this to confirm.

https://github.com/mozilla/bedrock/blob/main/media/css/protocol/protocol-mozilla.scss#L10
https://github.com/mozilla/bedrock/blob/main/media/css/protocol/protocol-firefox.scss#L9
https://github.com/mozilla/bedrock/blob/main/media/css/protocol/protocol-mozilla-2024.scss#L7

[maureenlholland]

For my own future reference, the "privacy" files don't seem to pick up the previous configuration. They use the protocol default "../img"

Added a wordmark to test

no config (default path)

with config (expected path)

So it is important to keep these variables when there are internal references within the protocol components (ie. wordmark, logo, modal) @used in the file: https://github.com/search?q=repo%3Amozilla%2Fprotocol%20%24image-path&type=code