docs(no-physical-properties): update example

Author: azu

docs/rules/no-physical-properties.md

@@ -30,6 +30,20 @@ function App(){
   return <Circle _hover={{  borderBottom: 'solid 1px' }} />;
 }
 ```
+```js
+
+import { css } from './panda/css';
+
+const styles = css({ textAlign: 'left' });
+```
+```js
+
+import { Box } from './panda/jsx';
+
+function App(){
+  return <Box textAlign={"right"} />;
+}
+```
 
 ✔️ Examples of **correct** code:
 ```js
@@ -53,6 +67,20 @@ function App(){
   return <Circle _hover={{  borderBlockEnd: 'solid 1px' }} />;
 }
 ```
+```js
+
+import { css } from './panda/css';
+
+const styles = css({ textAlign: 'start' });
+```
+```js
+
+import { Box } from './panda/jsx';
+
+function App(){
+  return <Box textAlign={"end"} />;
+}
+```
 
 ## Resources