Bug: cauldron-react Tooltip component will infinitely overflow container

### Steps to reproduce

Steps to reproduce:

1. Import and use a `` component within a parent container/div with `position: fixed`. No additional props need to be set other than a target `ref`.
2. Make sure your browser window is sufficiently small so that the tooltip's text extends past the width of your browser.
3. In a web browser, place your mouse within the tooltip's text box and scroll to the right.

Examples on Codesandbox here:

Code Sample - https://codesandbox.io/s/thirsty-christian-syneh6?file=/src/App.js
Example App - https://syneh6.csb.app/

### Expected Behavior

The tooltip will scroll to the end of its content per the default behavior.

### Actual Behavior

The tooltip continues to infinitely overflow the container, extending the scrollbar length and failing to reach the end of its content.

### Version

5.0.0

### What browsers are you experiencing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

### Relevant log output

_No response_

### Anything else we should know?

Additional information

Start by reproducing the issue with the linked CodeSandbox using the cauldron-react Tooltip inside a fixed-position parent and a narrow browser window. Then locate the Tooltip component and trace its overflow behavior; done means the tooltip reaches the end of its content without infinitely extending the container or scrollbar across the reported browsers.

Written by the indexing model from the issue text.