Add --transform-origin CSS variable

docs/data/base/components/tooltip/tooltip.md

@@ -247,12 +247,14 @@ The `Tooltip.Content` element receives the following CSS variables:
 - `--anchor-height`: Specifies the height of the anchor element. You can use this to match the width of the tooltip with its anchor.
 - `--available-width`: Specifies the available width of the tooltip element before it overflows the viewport.
 - `--available-height`: Specifies the available height of the tooltip element before it overflows the viewport.
+- `--transform-origin`: Specifies the origin of the floating element that represents the point of the anchor element's center. When animating scale, this allows it to correctly emanate from the center of the anchor.
 
 ```jsx
 <Tooltip.Content
   style={{
-    width: 'var(--tooltip-anchor-width)',
-    height: 'var(--tooltip-anchor-height)',
+    width: 'var(--anchor-width)',
+    height: 'var(--anchor-height)',
+    transformOrigin: 'var(--transform-origin)',
   }}
 >
   Content