fix(NotificationsPanel): remove hard-coded dark theme

[paul-balchin-ibm]

Closes #5259

NotificationsPanel now inherits from parent theme.

What did you change?

packages/ibm-products-styles/src/components/NotificationsPanel/_notifications-panel.scss

How did you test and verify your work?

• Storybook

Themed output

The first notification in each screenshot shows the hover state when the mouse is over the close ("X") button.

white	g10	g90	g100

Empty state

white	g10	g90	g100

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	dda8463
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/67aca728c981c8000897dc23
😎 Deploy Preview	https://deploy-preview-6862--carbon-for-ibm-products.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.

[netlify]

✅ Deploy Preview for ibm-products-web-components ready!

Name	Link
🔨 Latest commit	dda8463
🔍 Latest deploy log	https://app.netlify.com/sites/ibm-products-web-components/deploys/67aca72831538600087adf65
😎 Deploy Preview	https://deploy-preview-6862--ibm-products-web-components.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.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 81.52%. Comparing base (f7609f5) to head (dda8463).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #6862   +/-   ##
=======================================
  Coverage   81.51%   81.52%           
=======================================
  Files         399      399           
  Lines       12977    12978    +1     
  Branches     4277     4278    +1     
=======================================
+ Hits        10578    10580    +2     
+ Misses       2399     2398    -1     

Components	Coverage Δ
ibm-products	∅ <ø> (∅)
ibm-products-web-components	∅ <ø> (∅)

[elycheea]

Noticed some small things when I was posting to the team channel for design review —

1. Missing borders on the panel (compare to the switcher). Probably also should still have a shadow since it’s a floating element?
2. Empty state theme! Looks like the theme is hardcoded here — might need to do a some theme detection so that it switches between light/dark since empty state component used here relies on the theme prop.

[paul-balchin-ibm]

Great catches: added borders, drop shadow, and a themed empty state illustration.

[devadula-nandan]

Hi @paul-balchin-ibm,

there are few token suggestions. added the comments.
rest looks good to me.