Fixes Release Notes button style

[mgurgel]

Asana: https://app.asana.com/0/1206594217596623/1208235498182984/f

A recent update I made to the shared Button component broke its styling in backward-compatibility mode (currently only used by the Release notes special page)

The problem can be seen by running the local server on main and navigating to http://127.0.0.1:3210/build/integration/pages/release-notes/?display=components

This fix removes the stray var( properties in the CSS and updates the backward-compatibility selector to body:not([data-platform-name])

How to test this fix:

1. Check out branch mgurgel/fixes-release-notes-button-style
2. cd into the packages/special-pages folder
3. Run npm run watch alongside npm run serve
4. Navigate to http://127.0.0.1:3210/build/integration/pages/release-notes/?display=components You should see the button styling as shown below

5. Navigate to http://127.0.0.1:3210/build/integration/pages/special-error/?display=components to confirm there were no changes to the macOS-style button

6. Navigate to http://127.0.0.1:3210/build/integration/pages/special-error/?display=components&platform=ios to confirm there were no changes to the iOS-style button

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1024
• Commit Hash: f50b505a06e9851ec99e4627aa2d436ecd35e4aa
• Install Command: npm i github:duckduckgo/content-scope-scripts#f50b505a06e9851ec99e4627aa2d436ecd35e4aa

Please use the above install command to update to the latest version.