chore: bump Stylelint to v14, use postcss-lit (#108)

Author: web-padawan

.stylelintrc

@@ -1,25 +1,24 @@
 {
-  "processors": [
-    [
-      "stylelint-processor-styled-components",
-      {
-        "moduleName": "lit-element",
-        "importName": "css",
-        "strict": true
-      }
-    ]
-  ],
+  "customSyntax": "postcss-lit",
   "extends": [
     "stylelint-config-standard",
-    "stylelint-config-prettier",
-    "stylelint-config-styled-components"
+    "stylelint-config-prettier"
   ],
   "rules": {
+    "alpha-value-notation": ["number"],
+    "comment-empty-line-before": null,
+    "color-function-notation": ["legacy"],
+    "comment-whitespace-inside": null,
+    "font-family-name-quotes": "always-where-recommended",
+    "number-max-precision": [4, {
+      "ignoreProperties": ["animation-timing-function", "transform"]
+    }],
     "property-no-vendor-prefix": [true, {
       "ignoreProperties": ["user-select"]
     }],
+    "selector-class-pattern": null,
     "selector-type-no-unknown": [true, {
-      "ignoreTypes": ["/^[a-zA-Z]([a-zA-Z0-9]*-[a-zA-Z0-9]+)+/"],
+      "ignoreTypes": ["/^[a-zA-Z]([a-zA-Z0-9]*-[a-zA-Z0-9]+)+/"]
     }],
     "value-keyword-case": null
   }

package.json

@@ -83,15 +83,14 @@
     "lint-staged": "^11.2.6",
     "lit-analyzer": "^1.2.1",
     "npm-run-all": "^4.1.5",
+    "postcss-lit": "^0.1.2",
     "prettier": "^2.4.1",
     "rimraf": "^3.0.2",
     "simple-git-hooks": "^2.7.0",
     "size-limit": "^6.0.4",
-    "stylelint": "^13.13.1",
+    "stylelint": "^14.1.0",
     "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-config-styled-components": "^0.1.1",
-    "stylelint-processor-styled-components": "1.10.0",
+    "stylelint-config-standard": "^24.0.0",
     "tsc-watch": "^4.5.0",
     "typescript": "~4.4.4",
     "web-component-analyzer": "^1.1.6"

src/styles/shared-styles.ts

@@ -9,7 +9,7 @@ export default css`
     min-width: 360px;
     font-size: 1rem;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-      'Oxygen-Sans', Ubuntu, Cantarell, sans-serif;
+      Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
     border: 1px solid var(--ave-border-color);
     border-radius: var(--ave-border-radius);