ScrollArea : allow to add custom style attribute for dynamic height / width

[LauGau]

First thanks, for the amazing work.
Here a feature request:

Allow to put some style on the ScrollArea component. Mostly to be able to specify a dynamic height (calculated via window.addEventListener('resize', handleHeight) for exemple) like so :

<ScrollArea style="height:{dynamicHeight}">
...
</ScrollArea>

As for now, it's overridden like so :

<div id="UAvSkYTHnw" data-melt-scroll-area="" class="relative overflow-hidden" data-scroll-area-root="" style="overflow: hidden;">

I think it's important to be able to provide a solution to define a dynamic height / width for scroll areas.

[LauGau]

Of course, few minutes after posting I found a workaround...

  :global([data-melt-scroll-area-viewport]){
    max-height: calc(100dvh - 84px );
  }

Sorry for the trouble.