fix: css types

package.json

@@ -11,7 +11,6 @@
     "@next/mdx": "^9.4.4",
     "@reach/accordion": "^0.10.5",
     "@reach/tooltip": "^0.10.5",
-    "@styled-system/css": "^5.1.5",
     "@styled-system/theme-get": "^5.1.2",
     "@types/mdx-js__react": "^1.5.2",
     "@types/node": "^14.0.27",
@@ -22,6 +21,7 @@
     "cache-manager": "^3.3.0",
     "cache-manager-fs-hash": "^0.0.9",
     "capsize": "^1.1.0",
+    "csstype": "^3.0.2",
     "csvtojson": "^2.0.10",
     "docsearch.js": "^2.6.3",
     "fathom-client": "^3.0.0",

src/common/utils/index.ts

@@ -1,5 +1,5 @@
 import { Children, isValidElement, ReactNode, ReactElement, ReactText } from 'react';
-import { BorderStyleProperty } from 'csstype';
+import { Property } from 'csstype';
 import { color } from '@blockstack/ui';
 import { ColorsStringLiteral } from '@blockstack/ui';
 
@@ -20,7 +20,7 @@ export const slugify = (string: string): string =>
 
 export const border = (
   width = 1,
-  style: BorderStyleProperty = 'solid',
+  style: Property.BorderStyle = 'solid',
   _color: ColorsStringLiteral = 'border'
 ): string => `${width}px ${style} ${color(_color)}`;
 

yarn.lock

@@ -9618,9 +9618,9 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
-"vscode-textmate@git+https://github.com/octref/vscode-textmate.git":
+"vscode-textmate@https://github.com/octref/vscode-textmate":
   version "4.0.1"
-  resolved "git+https://github.com/octref/vscode-textmate.git#e65aabe2227febda7beaad31dd0fca1228c5ddf3"
+  resolved "https://github.com/octref/vscode-textmate#e65aabe2227febda7beaad31dd0fca1228c5ddf3"
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"