How to change the mask styles height and width, instead fullscreen in <TourProvider> component?

How to achieve the mask style width and height instead of the default value `fullscreen` using the `Tour` component? I'm using the `Tour` component to easier dynamically set up the layout. AFAIK you can use custom component `Mask` but i'm afraid it can't be setup dynamically like in `Tour` component.

After digging the down rendered HTML using `Tour` component, I've found the rendered mask is always full screen setup inside the `svg` element here.

Is there any way to custom the height and width of `Mask`, I want to create mask like rounded and with custom size like this.

Thanks!

Start by reading the Tour component's mask rendering and the custom Mask component, focusing on the SVG element that currently uses fullscreen dimensions. Determine how dynamic width, height, and rounded styling could be exposed for Tour, and consider the work complete when a Tour can render the requested custom-sized mask.

Written by the indexing model from the issue text.