Fix type errors with nested null values in theme contracts (#274)

Author: markdalgleish

.changeset/weak-planets-rush.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/css': patch
+---
+
+Fix type errors with nested null values in theme contracts

packages/css/src/types.ts

@@ -111,7 +111,7 @@ export interface Adapter {
 }
 
 export type NullableTokens = {
-  [key: string]: string | Tokens | null;
+  [key: string]: string | NullableTokens | null;
 };
 
 export type Tokens = {

tests/types/type-tests.ts

@@ -6,15 +6,25 @@ import {
 
 const vars = createThemeContract({
   shouldSupportNull: null,
+  shouldSupportNestedNull: {
+    nested: null,
+  },
   shouldSupportString: '',
+  shouldSupportNestedString: {
+    nested: '',
+  },
 });
 
 createGlobalTheme(':root', vars, {
   shouldSupportNull: 'some-value',
+  shouldSupportNestedNull: { nested: 'some-value' },
   shouldSupportString: 'some-value',
+  shouldSupportNestedString: { nested: 'some-value' },
 });
 
 createTheme(vars, {
   shouldSupportNull: 'some-value',
+  shouldSupportNestedNull: { nested: 'some-value' },
   shouldSupportString: 'some-value',
+  shouldSupportNestedString: { nested: 'some-value' },
 });