docs: Disable scale transition on Select and ComboBox popovers (#8770)

Author: devongovett

packages/react-aria-components/docs/ComboBox.mdx

@@ -134,6 +134,7 @@ import {ChevronDown} from 'lucide-react';
 
 .react-aria-Popover[data-trigger=ComboBox] {
   width: var(--trigger-width);
+  --starting-scale: scale(1);
 
   .react-aria-ListBox {
     display: block;

packages/react-aria-components/docs/Popover.mdx

@@ -90,6 +90,7 @@ import {DialogTrigger, Popover, Dialog, Button, OverlayArrow, Heading, Switch} f
   outline: none;
   max-width: 250px;
   transition: transform 200ms, opacity 200ms;
+  --starting-scale: scale(0.9);
   transform-origin: var(--trigger-anchor-point);
 
   .react-aria-OverlayArrow svg {
@@ -101,7 +102,7 @@ import {DialogTrigger, Popover, Dialog, Button, OverlayArrow, Heading, Switch} f
 
   &[data-entering],
   &[data-exiting] {
-    transform: scale(0.85) var(--origin);
+    transform: var(--starting-scale) var(--origin);
     opacity: 0;
   }
 

packages/react-aria-components/docs/Select.mdx

@@ -134,6 +134,7 @@ import {ChevronDown} from 'lucide-react';
 
 .react-aria-Popover[data-trigger=Select] {
   min-width: var(--trigger-width);
+  --starting-scale: scale(1);
 
   .react-aria-ListBox {
     display: block;