docs: Add note about defining properties inline inside createSprinkles (#1332)

Co-authored-by: Michael Taranto <[email protected]>

Author: askoufis

site/docs/packages/sprinkles.md

@@ -556,6 +556,9 @@ const properties = defineProperties({
 
 Creates a type-safe function for accessing your [defined properties](#defineProperties). You can provide as many collections of properties as you like.
 
+> 🚧  Ensure properties are defined as variables before passing them into `createSprinkles`.
+> Calling `defineProperties` inside a `createSprinkles` call will cause types to be inferred incorrectly, resulting in a type-unsafe sprinkles function.
+
 ```ts
 // sprinkles.css.ts
 import {