feat(modals): new light/dark mode colors for TooltipModal and Drawer

[ze-flo]

Description

Part 2 of the Modals recoloring effort.

Detail

• Adds light / dark mode colors to TooltipModal and Drawer
• Fix Modal shadows to align with latest wires

Checklist

• 👌 design updates will be Garden Designer approved (add the designer as a reviewer)
• 🌐 demo is up-to-date (npm start)
• ⬅️ renders as expected with reversed (RTL) direction
• 🤘 renders as expected with Bedrock CSS (?bedrock)
• 💂‍♂️ includes new unit tests. Maintain existing coverage (always >= 96%)
• ♿ tested for WCAG 2.1 AA accessibility compliance
• 📝 tested in Chrome, Firefox, Safari, and Edge

[jzempel]

[nit] the general Garden preference is to locate these props on the element component – where they provide somewhat better prominence. Styled components that show otherwise are anti-patterns.

[ze-flo]

Is that what you expected?

e334bef

[jzempel]

Yes 👍. Matches @geotrev's treatment in #1842

[geotrev]

Everything looks great!

Just one thing: the story for TooltipModal is using getColorV8 which makes the trigger text dim in dark mode:

foreground.default oughta do it?

[ze-flo]

Everything looks great!

Just one thing: the story for TooltipModal is using getColorV8 which makes the trigger text dim in dark mode:

`foreground.default` oughta do it?

Good call out. 💯 This is related to what @jzempel described during our Design sync. I'll explicitly define the foregroundColor for now. Once Avatar gets the "recolor" treatment, we might be able to use its default foreground color instead.

9b3e545

[steue]

🚀 LGTM!

[lucijanblagonic]

Looks great! 🙌