[accordion][collapsible] With CSS transitions the panel does not resize when content size changes

[M1dnight-ofcl]

Bug report

Current behavior

I have a resizable sidebar and a group of collapsible. The problem is, that whenever I resize the collapsible or delete an element from the collapsible, it doesn't resize, and it leads to annoying bugs
Idle:

Deleted Element:

Fully Expanded Sidebar:

Now when I close the collapsible and reopen it, it does account for the new size, but I wish that it would observe the size change (maybe using ResizeObserver) and account for it

Expected behavior

I wanted the collapsible to resize according to the new change

Reproducible example

Just create a collapsible, and try using states to remove one of the elements (like using a map) or shrink it

Base UI version

v1.0.0-alpha.6

Which browser are you using?

Microsoft Webview2 (on wails)

Which OS are you using?

Windows 11

Which assistive tech are you using (if applicable)?

Voiceover/JAWS etc.

Additional context

Provide any additional context that might help us identify the problem and find a solution.

[mj12albert]

@M1dnight-ofcl Seems to be an issue with using CSS transitions since it requires explicitly setting height in CSS, that's what you're using right?

Using CSS keyframe animations avoids this: https://codesandbox.io/p/sandbox/bold-sun-7h6xm6?file=%2Fsrc%2Findex.module.css%3A20%2C1