Update recommended config

Author: anubra266

.changeset/long-beans-juggle.md

@@ -0,0 +1,5 @@
+---
+"@pandacss/eslint-plugin": patch
+---
+
+Update recommended config

docs/rules/prefer-unified-property-style.md

@@ -14,15 +14,13 @@ Discourage against mixing atomic and composite forms of the same property in a s
 ```js
 import { css } from './panda/css';
 
-const color = 'red.100';
-const styles = css({ borderRadius:"lg", borderTopRightRadius: "0" });
+const styles = css({ margin:"2", marginLeft: "5" });
 ```
 ```js
 
 import { Circle } from './panda/jsx';
 
 function App(){
-  const bool = true;
   return <Circle border="solid 1px" borderColor="gray.800" />;
 }
 ```
@@ -31,14 +29,14 @@ function App(){
 ```js
 import { css } from './panda/css';
 
-const styles = css({ borderColor: 'gray.900', borderWidth: '1px' });
+const styles = css({ marginTop: "2", marginRight: "2", marginBottom: "2", marginLeft: "5" });
 ```
 ```js
 
 import { Circle } from './panda/jsx';
 
 function App(){
-  return <Circle marginTop="2" marginRight="3" />;
+  return <Circle borderStyle="solid" borderColor="gray.900" borderWidth="1px" />;
 }
 ```
 

plugin/src/configs/recommended.ts

@@ -10,6 +10,6 @@ export default {
     '@pandacss/no-invalid-nesting': 'error',
     '@pandacss/no-invalid-token-paths': 'error',
     '@pandacss/no-property-renaming': 'warn',
-    '@pandacss/prefer-unified-property-style': 'warn',
+    '@pandacss/no-unsafe-token-fn-usage': 'warn',
   },
 }

plugin/tests/prefer-unified-property-style.test.ts

@@ -8,15 +8,15 @@ const valids = [
     code: javascript`
 import { css } from './panda/css';
 
-const styles = css({ borderColor: 'gray.900', borderWidth: '1px' })`,
+const styles = css({ marginTop: "2", marginRight: "2", marginBottom: "2", marginLeft: "5" })`,
   },
 
   {
     code: javascript`
 import { Circle } from './panda/jsx';
 
 function App(){
-  return <Circle marginTop="2" marginRight="3" />;
+  return <Circle borderStyle="solid" borderColor="gray.900" borderWidth="1px" />;
 }`,
   },
 ]
@@ -26,16 +26,14 @@ const invalids = [
     code: javascript`
 import { css } from './panda/css';
 
-const color = 'red.100';
-const styles = css({ borderRadius:"lg", borderTopRightRadius: "0" })`,
+const styles = css({ margin:"2", marginLeft: "5" })`,
   },
 
   {
     code: javascript`
 import { Circle } from './panda/jsx';
 
 function App(){
-  const bool = true;
   return <Circle border="solid 1px" borderColor="gray.800" />;
 }`,
   },