Add support for CSS anchor positioning rules types

Author: lfantone

.changeset/chilled-lizards-count.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/css': minor
+---
+
+Add support for `CSS anchor positioning` rules types

packages/css/src/types.ts

@@ -1,5 +1,5 @@
 import type { CSSVarFunction, MapLeafNodes } from '@vanilla-extract/private';
-import type { AtRule, Properties } from 'csstype';
+import type { AtRule, Globals, Properties } from 'csstype';
 
 import type { SimplePseudos } from './simplePseudos';
 
@@ -16,8 +16,33 @@ interface ContainerProperties {
   containerName?: string;
 }
 
+interface AnchorProperties {
+  anchorName?: 'none' | `--${string}` | Globals | (string & {});
+  positionAnchor?: 'auto' | `--${string}` | Globals;
+  positionArea?:
+    | 'none'
+    | 'all'
+    | 'bottom'
+    | 'center'
+    | 'end'
+    | 'left'
+    | 'right'
+    | 'self-end'
+    | 'self-start'
+    | 'start'
+    | 'top'
+    | 'x-end'
+    | 'x-start'
+    | 'y-end'
+    | 'y-start'
+    | Globals
+    | (string & {});
+  positionVisibility?: 'always' | 'anchors-visible' | 'no-overflow' | Globals;
+}
+
 type CSSTypeProperties = Properties<number | (string & {})> &
-  ContainerProperties;
+  ContainerProperties &
+  AnchorProperties;
 
 export type CSSProperties = {
   [Property in keyof CSSTypeProperties]: