Set z-index / styles of svg container (above "root")?

[thnk2wn]

🚀 Feature request

Problem description

I'd like to be able to set the z-index of root container element (the div above the svg).

Currently with this example the content in the middle needs a higher z-index:

I set the zIndex of the root element in the styles like so:

 <CircularProgressbarWithChildren
                    {...otherProps}
                    styles={{
                        root: {
                            zIndex: zIndex
                        }
                    }
                    } />

But that gets applied to the SVG and not the root container:

Setting the z-index in dev tools of the div containing the svg works but don't see a way to override that with the component?

Suggested solution (optional)

Add a style property for the container and allow styles like zIndex to be overridden there?

Or is there a way to accomplish this already?