fix: 🐛 types for postcss 8

✅ Closes: #258

Author: kaisermann

Diff for: package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "description": "A Svelte preprocessor wrapper with baked in support for common used preprocessors",
+  "description": "A Svelte preprocessor wrapper with baked-in support for commonly used preprocessors",
   "author": "Christian Kaisermann <[email protected]>",
   "repository": "https://github.com/sveltejs/svelte-preprocess",
   "keywords": [
@@ -78,7 +78,7 @@
     "less": "^3.11.3",
     "lint-staged": "^10.2.9",
     "node-sass": "^4.14.1",
-    "postcss": "^7.0.32",
+    "postcss": "^8",
     "postcss-easy-import": "^3.0.0",
     "postcss-load-config": "^2.1.0",
     "prettier": "^2.0.5",
@@ -100,7 +100,7 @@
     "@babel/core": "^7.10.2",
     "coffeescript": "^2.5.1",
     "less": "^3.11.3",
-    "postcss": "^7.0.32",
+    "postcss": "^7 || ^8",
     "postcss-load-config": "^2.1.0",
     "pug": "^3.0.0",
     "sass": "^1.26.8",

Diff for: src/transformers/globalStyle.ts

@@ -1,11 +1,12 @@
-import postcss, { AtRule } from 'postcss';
+import postcss from 'postcss';
+import type * as pcss from 'postcss';
 
 import { Transformer, Options } from '../types';
 import { globalifySelector } from '../modules/globalifySelector';
 
 const selectorPattern = /:global(?!\()/;
 
-const globalifyRulePlugin: postcss.Transformer = (root) => {
+const globalifyRulePlugin = (root: pcss.Root) => {
   root.walkRules(selectorPattern, (rule) => {
     const modifiedSelectors = rule.selectors
       .filter((selector) => selector !== ':global')
@@ -34,7 +35,7 @@ const globalifyRulePlugin: postcss.Transformer = (root) => {
   });
 };
 
-const globalAttrPlugin = (root: postcss.Root) => {
+const globalAttrPlugin = (root: pcss.Root) => {
   root.walkAtRules(/keyframes$/, (atrule) => {
     if (!atrule.params.startsWith('-global-')) {
       atrule.replaceWith(
@@ -47,7 +48,7 @@ const globalAttrPlugin = (root: postcss.Root) => {
 
   root.walkRules((rule) => {
     // we use endsWith for checking @keyframes and prefixed @-{prefix}-keyframes
-    if ((rule?.parent as AtRule)?.name?.endsWith('keyframes')) {
+    if ((rule?.parent as pcss.AtRule)?.name?.endsWith('keyframes')) {
       return;
     }
 

Diff for: src/types/options.ts

@@ -1,4 +1,4 @@
-import postcss from 'postcss';
+import type * as postcss from 'postcss';
 import { Options as SassOptions, render, renderSync } from 'sass';
 import { Options as PugOptions } from 'pug';
 import { TransformOptions as BabelOptions } from '@babel/core';

Diff for: yarn.lock

@@ -2250,7 +2250,7 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colorette@^1.2.0:
+colorette@^1.2.0, colorette@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
   integrity sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==
@@ -4666,6 +4666,14 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+line-column@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/line-column/-/line-column-1.0.2.tgz#d25af2936b6f4849172b312e4792d1d987bc34a2"
+  integrity sha1-0lryk2tvSEkXKzEuR5LR2Ye8NKI=
+  dependencies:
+    isarray "^1.0.0"
+    isobject "^2.0.0"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -5084,6 +5092,11 @@ nan@^2.13.2:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.1.tgz#d7be34dfa3105b91494c3147089315eff8874b01"
   integrity sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==
 
+nanoid@^3.1.12:
+  version "3.1.12"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.12.tgz#6f7736c62e8d39421601e4a0c77623a97ea69654"
+  integrity sha512-1qstj9z5+x491jfiC4Nelk+f8XBad7LN20PmyWINJEMRSf3wcAjAWysw1qaA8z6NSKe2sjq1hRSDpBH5paCb6A==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -5696,6 +5709,16 @@ postcss@^7.0.2, postcss@^7.0.32:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+postcss@^8:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.1.1.tgz#c3a287dd10e4f6c84cb3791052b96a5d859c9389"
+  integrity sha512-9DGLSsjooH3kSNjTZUOt2eIj2ZTW0VI2PZ/3My+8TC7KIbH2OKwUlISfDsf63EP4aiRUt3XkEWMWvyJHvJelEg==
+  dependencies:
+    colorette "^1.2.1"
+    line-column "^1.0.2"
+    nanoid "^3.1.12"
+    source-map "^0.6.1"
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"