How create transition for height?

I have ul and li elements and I can have 4-5 li elemans and can have 9-10 li elements I want change hieght of div to fit ul content Now height property changes without transition I tried smth like h-[${liCount}rem] but it doesn't work I created codesandbox please check and help me if you know how to do it https://codesandbox.io/p/sandbox/quizzical-hooks-8sdhp5?file=/.gitignore:1,1 I use React + Vite + TypeScript + tailwind Solved