Fix lint errors

Author: Brijesh Bittu

docs/src/content/features/composition.mdx

@@ -55,7 +55,6 @@ In the above example, the color of the text will be `blue` in both the cases bec
 
 The above example can be extended to imported styles or styled components as well.
 
-
 ```tsx title="Button.jsx"
 import { css } from '@pigment-css/react-new';
 
@@ -92,13 +91,8 @@ const bgBlue = css`
   color: blue;
 `;
 
-
 function App() {
-  return (
-    <Button className={`${bgBlue}`}>
-      Click me
-    </Button>
-  );
+  return <Button className={`${bgBlue}`}>Click me</Button>;
 }
 ```
 
@@ -113,7 +107,7 @@ In the above example, the color of the text will be `blue` because the styles ar
   border-radius: 4px;
   padding: 8px 16px;
   font-size: 14px;
-  transition: background-color .2s;
+  transition: background-color 0.2s;
 }
 
 .button:hover {
@@ -165,7 +159,7 @@ export const Link = styled.a`
 `;
 ```
 
- Here, the color of text in the `Link` component will be `pink`.
+Here, the color of text in the `Link` component will be `pink`.
 
 ```tsx title="Heading.jsx"
 import { styled } from '@pigment-css/react-new';
@@ -258,4 +252,3 @@ Here, the text color of the element where `linkCls` will be applied will be `bla
 
 > [!NOTE]
 > You'll have to add the class selector to the `linkCls`, ie, `.linkCls` instead of just `Link` in the `styled` usage.
-

docs/src/content/features/styling.mdx

@@ -377,9 +377,7 @@ const VisuallyHidden = styled.div({
 });
 
 function App() {
-  return (
-    <VisuallyHidden as="span">Hello, world!</VisuallyHidden>
-  );
+  return <VisuallyHidden as="span">Hello, world!</VisuallyHidden>;
 }
 ```
 
@@ -411,4 +409,4 @@ Writing CSS with the `styled` API is the same as writing styles with the [`css`]
 > [!NOTE]
 > More APIs like `globalCss`, `sx` prop, etc are to be added in subsequent releases.
 
-Head over the the [Theming](/features/theming) page to learn more about how to apply themes with the above APIs.
+Head over the the [Theming](/features/theming) page to learn more about how to apply themes with the above APIs.

docs/src/content/overview/integrations.mdx

@@ -1,10 +1,7 @@
 # Integrations
 
 <Subtitle>Learn how to configure your bundler to use Pigment CSS.</Subtitle>
-<Meta
-  name="description"
-  content="Learn how to configure your bundler to use Pigment CSS."
-/>
+<Meta name="description" content="Learn how to configure your bundler to use Pigment CSS." />
 
 ## Bundler integrations
 
@@ -22,14 +19,14 @@ All bundler specific configurations follow the same pattern.
 
 1. First import the `default` export from the bundler specific package path and name it as per your bundler conventions -
 
-* Next.js - `@pigment-css/plugin/nextjs`
-* Vite - `@pigment-css/plugin/vite`
-* Webpack - `@pigment-css/plugin/webpack`
+- Next.js - `@pigment-css/plugin/nextjs`
+- Vite - `@pigment-css/plugin/vite`
+- Webpack - `@pigment-css/plugin/webpack`
 
 and then pass in the Pigment CSS configuration options (if any).
 
 2. After this, import the `@pigment-css/react-new/styles.css` file in the main entry point file of the app. Make sure that this file is only imported once in the app otherwise you will end up with duplicate styles in the final bundle.
-This import will be responsible for adding the Pigment CSS layer order as well as injecting the css tokens configured in the [theming](/features/theming) section.
+   This import will be responsible for adding the Pigment CSS layer order as well as injecting the css tokens configured in the [theming](/features/theming) section.
 
 ### Next.js
 
@@ -142,6 +139,7 @@ import '@pigment-css/react-new/styles.css';
 ```
 
 > [!TIP]
+>
 > `pigmentConfig` is an optional argument in all the examples above. If not provided, the default configuration will be used.
 
-Once the bundler is configured, head over to the [Styling](/features/styling) section to learn how to author css with Pigment CSS.
+Once the bundler is configured, head over to the [Styling](/features/styling) section to learn how to author css with Pigment CSS.