fix: move wrapper detection to global settings and support cross-module style/recipe wrappers (#9)

src/css-rules/alphabetical-order/__tests__/recipe.test.ts

@@ -122,6 +122,36 @@ run({
           }],
         });
       `,
+    },
+
+        // Imported local recipe wrapper with global settings recipe
+    {
+      code: `
+        import { componentRecipe } from './component-recipe.css.js';
+
+        const myRecipe = componentRecipe({
+          base: {
+            display: 'flex',
+            alignItems: 'center'
+          }
+        });
+      `,
+      settings: {
+        'vanilla-extract': {
+          recipe: ['componentRecipe'],
+        },
+      },
+      errors: [{ messageId: 'alphabeticalOrder' }],
+      output: `
+        import { componentRecipe } from './component-recipe.css.js';
+
+        const myRecipe = componentRecipe({
+          base: {
+            alignItems: 'center',
+            display: 'flex'
+          }
+        });
+      `,
     },
   ],
-});
+});