docs: work around Toast CSS conflict with utils

[sijusamson]

Fixes #32350.

[mdo]

Awesome, thanks!

[XhmikosR]

My only objection is that maybe we shouldn't use this extra div in the snippet? It only affect our docs, right? If so, we should split the blocks.

[sijusamson]

My only objection is that maybe we shouldn't use this extra div in the snippet? It only affect our docs, right? If so, we should split the blocks.

I guess we have two other options to resolve it.

1. To add !important in display.
2. May be we can add display: flex in toast class itself, but not sure what all impact will it have?

@XhmikosR Do you want me to proceed with these solutions or do you suggest something else?

[mdo]

I'm fine with the extra div. I don't think we need to make any changes to that as it leaves the core component intact and encourages folks to customize everything within the toast.