fix: add transition for collapse min-height. closes: #2615

* fix(collapse): add transition for `min-height`

- firefox ignores grid-row height and transitions directly to full min-height

example: https://play.tailwindcss.com/9yLVxz7jaE?file=css

close #2615

* tweak transition for padding

- delay start and shorten the duration so that it is not so visible on the end of open/close

Author: pdanpdan

packages/daisyui/src/components/collapse.css

@@ -183,7 +183,8 @@
       transition:
         content-visibility 0.2s allow-discrete,
         visibility 0.2s allow-discrete,
-        padding 0.2s ease-out,
+        min-height 0.2s ease-out allow-discrete,
+        padding 0.1s ease-out 20ms,
         background-color 0.2s ease-out;
     }
   }
@@ -197,7 +198,8 @@
         transition:
           content-visibility 0.2s allow-discrete,
           visibility 0.2s allow-discrete,
-          padding 0.2s ease-out,
+          min-height 0.2s ease-out allow-discrete,
+          padding 0.1s ease-out 20ms,
           background-color 0.2s ease-out,
           height 0.2s;
         height: 0;
@@ -284,6 +286,7 @@
     transition: background-color 0.2s ease-out;
   }
 }
+
 .collapse-open {
   @layer daisyui.l1.l2 {
     grid-template-rows: max-content 1fr;