refactor: add type comments to postCSS configs

apps/blog/package.json

@@ -42,6 +42,7 @@
         "next-sitemap": "^4.1.8",
         "open-cli": "^7.2.0",
         "postcss": "8.4.27",
+        "postcss-load-config": "^4.0.1",
         "prettier": "^2.8.8",
         "prettier-plugin-tailwindcss": "^0.4.1",
         "react": "18.2.0",

apps/blog/postcss.config.js

@@ -1,3 +1,4 @@
+/** @type {import('postcss-load-config').Config} */
 module.exports = {
     plugins: {
         tailwindcss: {},

apps/main/package.json

@@ -34,6 +34,7 @@
         "eslint-plugin-svelte": "^2.32.2",
         "jest": "^29.6.2",
         "postcss": "^8.4.25",
+        "postcss-load-config": "^4.0.1",
         "prettier-plugin-svelte": "^2.10.1",
         "prettier-plugin-tailwindcss": "^0.3.0",
         "sass": "^1.63.6",

apps/main/postcss.config.js

@@ -1,3 +1,4 @@
+/** @type {import('postcss-load-config').Config} */
 export default {
     plugins: {
         "postcss-import": {},

apps/portfolio/package.json

@@ -42,6 +42,7 @@
         "next-sitemap": "^4.1.8",
         "open-cli": "^7.2.0",
         "postcss": "8.4.27",
+        "postcss-load-config": "^4.0.1",
         "prettier": "^2.8.8",
         "prettier-plugin-tailwindcss": "^0.4.1",
         "react": "18.2.0",

apps/portfolio/postcss.config.js

@@ -1,4 +1,5 @@
-module.exports = {
+/** @type {import('postcss-load-config').Config} */
+export default {
     plugins: {
         tailwindcss: {},
         autoprefixer: {},

pnpm-lock.yaml

@@ -119,6 +119,9 @@ importers:
       postcss:
         specifier: 8.4.27
         version: 8.4.27
+      postcss-load-config:
+        specifier: ^4.0.1
+        version: 4.0.1(postcss@8.4.27)
       prettier:
         specifier: ^2.8.8
         version: 2.8.8
@@ -209,6 +212,9 @@ importers:
       postcss:
         specifier: ^8.4.25
         version: 8.4.25
+      postcss-load-config:
+        specifier: ^4.0.1
+        version: 4.0.1(postcss@8.4.25)
       prettier-plugin-svelte:
         specifier: ^2.10.1
         version: 2.10.1(prettier@2.8.8)(svelte@4.0.5)
@@ -226,7 +232,7 @@ importers:
         version: 4.0.5
       svelte-check:
         specifier: ^3.4.5
-        version: 3.4.5(@babel/core@7.22.9)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5)
+        version: 3.4.5(@babel/core@7.22.9)(postcss-load-config@4.0.1)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5)
       tailwindcss:
         specifier: ^3.3.2
         version: 3.3.2
@@ -335,6 +341,9 @@ importers:
       postcss:
         specifier: 8.4.27
         version: 8.4.27
+      postcss-load-config:
+        specifier: ^4.0.1
+        version: 4.0.1(postcss@8.4.27)
       prettier:
         specifier: ^2.8.8
         version: 2.8.8
@@ -6962,6 +6971,23 @@ packages:
       yaml: 1.10.2
     dev: true
 
+  /postcss-load-config@4.0.1(postcss@8.4.25):
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.1.0
+      postcss: 8.4.25
+      yaml: 2.3.1
+    dev: true
+
   /postcss-load-config@4.0.1(postcss@8.4.27):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
     engines: {node: '>= 14'}
@@ -8160,7 +8186,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check@3.4.5(@babel/core@7.22.9)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5):
+  /svelte-check@3.4.5(@babel/core@7.22.9)(postcss-load-config@4.0.1)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5):
     resolution: {integrity: sha512-FsD/CUVdEI0F9sfylh1Fe15kDjvvbyBxzDpACPsdq0EASgaZukBXaMXofpxlgmWsgVET3OynMQlbtUQoWCz9Rw==}
     hasBin: true
     peerDependencies:
@@ -8173,7 +8199,7 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.0.5
-      svelte-preprocess: 5.0.4(@babel/core@7.22.9)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5)(typescript@5.1.6)
+      svelte-preprocess: 5.0.4(@babel/core@7.22.9)(postcss-load-config@4.0.1)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5)(typescript@5.1.6)
       typescript: 5.1.6
     transitivePeerDependencies:
       - '@babel/core'
@@ -8213,7 +8239,7 @@ packages:
       svelte: 4.0.5
     dev: true
 
-  /svelte-preprocess@5.0.4(@babel/core@7.22.9)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5)(typescript@5.1.6):
+  /svelte-preprocess@5.0.4(@babel/core@7.22.9)(postcss-load-config@4.0.1)(postcss@8.4.25)(sass@1.63.6)(svelte@4.0.5)(typescript@5.1.6):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
@@ -8256,6 +8282,7 @@ packages:
       detect-indent: 6.1.0
       magic-string: 0.27.0
       postcss: 8.4.25
+      postcss-load-config: 4.0.1(postcss@8.4.25)
       sass: 1.63.6
       sorcery: 0.11.0
       strip-indent: 3.0.0