Fix build errors introduced by dependency updates

- Update JSX.IntrinsicElements -> React.JSX.IntrinsicElements in article
  code blocks (global JSX namespace removed in @types/react@19)
- Remove standalone vite devDependency to fix type conflict with
  Astro's bundled vite@6 vs the explicit vite@7

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: AndrewLeedham

package.json

@@ -37,7 +37,6 @@
     "@types/jest": "^30.0.0",
     "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
-    "esbuild": "^0.27.2",
-    "vite": "^7.3.1"
+    "esbuild": "^0.27.2"
   }
 }

pnpm-lock.yaml

@@ -26,7 +26,7 @@ For the purposes of this blog post the [Storybook](https://storybook.js.org/) in
 ```tsx twoslash
 // @filename: IconBase.tsx
 import React from "react";
-export type IconProps = Omit<JSX.IntrinsicElements["svg"], "ref">;
+export type IconProps = Omit<React.JSX.IntrinsicElements["svg"], "ref">;
 
 export default function IconBase(props: IconProps) {
   const { children, ...rest } = props;
@@ -79,7 +79,7 @@ For stories that have a control for the currently shown icon, we will dynamicall
 ```tsx twoslash
 // @filename: IconBase.tsx
 import React from "react";
-export type IconProps = Omit<JSX.IntrinsicElements["svg"], "ref">;
+export type IconProps = Omit<React.JSX.IntrinsicElements["svg"], "ref">;
 
 export default function IconBase(props: IconProps) {
   const { children, ...rest } = props;
@@ -120,7 +120,7 @@ This gives us a hook that returns a lazy component or undefined given an icon na
 ```tsx twoslash
 // @filename: IconBase.tsx
 import React from "react";
-export type IconProps = Omit<JSX.IntrinsicElements["svg"], "ref">;
+export type IconProps = Omit<React.JSX.IntrinsicElements["svg"], "ref">;
 
 export default function IconBase(props: IconProps) {
   const { children, ...rest } = props;