fix token extraction (#188)

Author: anubra266

.changeset/cool-waves-enjoy.md

@@ -0,0 +1,5 @@
+---
+'@pandacss/eslint-plugin': patch
+---
+
+Fix token extraction

plugin/src/utils/helpers.ts

@@ -248,7 +248,7 @@ export const isColorToken = (value: string | undefined, context: RuleContext<any
 const invalidTokensCache = new Map<string, string[]>()
 
 export const extractTokens = (value: string) => {
-  const regex = /token\(([^"'(),]+)(?:,\s*([^"'(),]+))?\)|\{([^{}]+)\}/g
+  const regex = /token\(([^"'(),]+)(?:,\s*([^"'(),]+))?\)|\{([^{\r\n}]+)\}/g
   const matches = []
   let match
 

plugin/tests/_parsing.test.ts

@@ -178,6 +178,11 @@ const valids5 = [
   'const className = css`\n  font-size: {fontSizes.md};`',
   'const className = styled.h1`\n  font-size: {fontSizes.md};`',
   'const className = styled(Circle)`\n  font-size: {fontSizes.md};`',
+  `const className = css\`\n  
+    @media (min-width: token(breakpoints.lg)) {
+      grid-template-columns: auto 450px;
+    }
+  \``,
 ]
 
 const invalids5 = [