Refactor Sentiment Tokens

[aaazzam]

Today we have four sentiment tokens: positive, negative, neutral, and warning.

• These tokens take the same value on light and dark mode, so they've been moved to the true :root.
• These colors were each assigned individual CSS Vars for their hue, sturation, and lightness indivudually, remixed into a hsl-token, and finally remixed into a color creating 4 * 5 * 2 = 40 CSS variables.
  • This PR reduces the number of variables to 8 CSS variables.

First of a handful of PRs to reduce the surface area of our design tokens to make them easier to maintain.

[netlify]

✅ Deploy Preview for prefect-design ready!

Name	Link
🔨 Latest commit	b33060f
🔍 Latest deploy log	https://app.netlify.com/sites/prefect-design/deploys/662142f5e629b500083ad827
😎 Deploy Preview	https://deploy-preview-1217--prefect-design.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 site configuration.

[pleek91]

One though but probably unlikely to become an issue.

[pleek91]

❤️