[Toast] Fix Toast.Description not rendering when a custom component is passed

[sai6855]

closes #2809

Before

https://codesandbox.io/p/sandbox/compassionate-sid-vz7mmz?file=%2Fsrc%2FApp.tsx%3A59%2C36

After

https://codesandbox.io/p/devbox/elegant-turing-r2xd6n?file=%2Fsrc%2FApp.tsx%3A62%2C12&workspaceId=ws_6M5xWXbU7jpjfBKgg78swk

[pkg-pr-new]

vite-css-base-ui-example

pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/react@2977

pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/utils@2977

commit: 443f722

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	443f722
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/68edf59821eae6000898bb19
😎 Deploy Preview	https://deploy-preview-2977--base-ui.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.

[mui-bot]

Bundle size report

Bundle	Parsed size	Gzip size
@base-ui-components/react	🔺+24B(+0.01%)	🔺+6B(+0.01%)

Details of bundle changes

[atomiks]

We should add a test for this

[sai6855]

We should add a test for this

added 👍

[atomiks]

I think the Title component has the same issue

[atomiks]

This will render the element if you do <Toast.Description render={<span />} (with no children) and description is missing, though... not sure if there's a way to detect it

[sai6855]

This will render the element if you do <Toast.Description render={<span />} (with no children) and description is missing, though... not sure if there's a way to detect it

Got it, as changes in this PR are improved version compared to master branch and considering there isn't elegant way to detect your edge case, should we merge this or keep current changes as is and think of better solution.