[Bug]: CSS Variable Conflicts
### What happened?

I'm using passing a custom component into `InFrontOfTheCanvas`. It uses Radix UI components as children. Radix UI and Tldraw each use CSS variables with conflicting names (e.g. `--space-2`). There doesn't seem to be any way to specify a custom prefix.

As a workaround, I'm rendering my custom component outside of Tldraw, but this is sort of a pain since it needs access to the editor, which means I have to create an editor context. It'd be nice to just use the `useEditor` hook.

Not a big deal, but thought it might be worth raising a request for some way to avoid CSS variable collisions.

### How can we reproduce the bug?

_No response_

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

Chrome

### Where did this happen?

The developer package

### Contact Details

cbejensen@gmail.com

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct