[Bug]: Tooltip issue with large text without spaces

[sandraigc]

Package

@carbon/web-components

Browser

Chrome

Package version

@carbon/[email protected]

React version

No response

Description

When we use a component with tooltip that has a large text that does not have spaces it overflows in a weird way.

Can we have a way to format the tooltip content, maybe as part?
Or add "word-break: break-word" to .cds--tooltip-content?

Thanks

Reproduction/example

https://stackblitz.com/edit/github-srmfes?file=index.html

Steps to reproduce

Create a web component with a large tooltip text without spaces

<cds-button
      tooltip-text="VeryBigTextWithoutSpaceVeryBigTextWithoutSpace"
      tooltip-position="bottom"
    >
      Button
 </cds-button>

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems