fix(alert): use :deep instead of :slotted to style elements

[kiaking]

Because seems like :slotted will stop working if we have nested component which very often happens with <STrans>.

<SAlert>
  <!-- This `<p>` becomes font size 16px with `:slotted`. -->
  <STrans lang="en"><p>Lorem ipsum...</p></STrans>
</SAlert>

[netlify]

✅ Deploy Preview for sefirot-docs ready!

Name	Link
🔨 Latest commit	166119d
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-docs/deploys/66fcc395fa0594000872cb35
😎 Deploy Preview	https://deploy-preview-557--sefirot-docs.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 sefirot-story ready!

Name	Link
🔨 Latest commit	166119d
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-story/deploys/66fcc395b657a50008338783
😎 Deploy Preview	https://deploy-preview-557--sefirot-story.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.