chore(examples): Update vanilla-extract (#35000)

Author: LekoArts

examples/using-vanilla-extract/README.md

@@ -1,3 +1,5 @@
 # Using vanilla-extract
 
 Example site that demonstrates [vanilla-extract](https://vanilla-extract.style/) using the plugin [`gatsby-plugin-vanilla-extract`](https://github.com/gatsby-uc/plugins/tree/main/packages/gatsby-plugin-vanilla-extract).
+
+Visit [TypeScript and Gatsby](https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/) for more information.

examples/using-vanilla-extract/gatsby-config.js renamed to examples/using-vanilla-extract/gatsby-config.ts

@@ -1,7 +1,11 @@
-module.exports = {
+import type { GatsbyConfig } from "gatsby"
+
+const config: GatsbyConfig = {
   siteMetadata: {
     title: `using-vanilla-extract`,
     siteUrl: `https://www.yourdomain.tld`,
   },
   plugins: [`gatsby-plugin-vanilla-extract`]
-}
+}
+
+export default config

examples/using-vanilla-extract/package.json

@@ -9,18 +9,24 @@
   ],
   "scripts": {
     "develop": "gatsby develop",
-    "start": "gatsby develop",
     "build": "gatsby build",
     "serve": "gatsby serve",
-    "clean": "gatsby clean"
+    "clean": "gatsby clean",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@vanilla-extract/babel-plugin": "^1.1.4",
     "@vanilla-extract/css": "^1.6.8",
     "@vanilla-extract/webpack-plugin": "^2.1.5",
     "gatsby": "next",
-    "gatsby-plugin-vanilla-extract": "^2.0.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "gatsby-plugin-vanilla-extract": "^2.0.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.21",
+    "@types/react": "^17.0.39",
+    "@types/react-dom": "^17.0.11",
+    "typescript": "^4.6.2"
   }
 }

examples/using-vanilla-extract/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "lib": ["dom", "esnext"],
+    "jsx": "react",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["./src/**/*"]
+}