feat(banner): update styles for SHINE

[mukunku]

Summary

This PR Updates the Banner component styles to match the latest SHINE designs: https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=5982-7648&m=dev

This PR should be merged after #2109

How to Test

Check out the Banner component: https://deploy-preview-2118--stacks.netlify.app/product/components/banners/

There is no Svelte component for banners.

[changeset-bot]

🦋 Changeset detected

Latest commit: 6af2a5a

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for stacks-svelte ready!

Name	Link
🔨 Latest commit	6af2a5a
🔍 Latest deploy log	https://app.netlify.com/projects/stacks-svelte/deploys/69616a29f89bc50008133525
😎 Deploy Preview	https://deploy-preview-2118--stacks-svelte.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.

[netlify]

✅ Deploy Preview for stacks ready!

Name	Link
🔨 Latest commit	6af2a5a
🔍 Latest deploy log	https://app.netlify.com/projects/stacks/deploys/69616a29b3d4bb0008e6ac43
😎 Deploy Preview	https://deploy-preview-2118--stacks.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.

[mukunku]

This should be ready for review @CGuindon ! Let me know what you think 🙏🏾

I also saw your comment about maybe removing the pinned option. Didn't know if we should do that so I kept it for now.

[CGuindon]

When I fixed the ellipsis icon to be the Cross, I noticed it had also reverted to it's default #000 everywhere. I fixed this morning as well in the Figma, for the Important variants, the Cross/X icon should be white like the text (to pass a11y) — except for yellow/warning.

[mukunku]

When I fixed the ellipsis icon to be the Cross, I noticed it had also reverted to it's default #000 everywhere. I fixed this morning as well in the Figma, for the Important variants, the Cross/X icon should be white like the text (to pass a11y) — except for yellow/warning.

I think that was an oversight by me. It should be fixed now @CGuindon 👍🏾