Fixed Tailwind 2 fontSize default theme format incompatibility

Author: semencov

demo/index.html

@@ -10,10 +10,8 @@
     "inter.json"
   ],
   "scripts": {
-    "dev": "parcel serve demo/index.html",
     "update": "node ./update.js",
-    "build": "parcel build demo/index.html",
-    "test": "echo Success"
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
     "type": "git",
@@ -37,11 +35,8 @@
     "tailwindcss": "^1.9.0 || ^2.0.0"
   },
   "devDependencies": {
-    "autoprefixer": "^9.8.0",
     "fontkit": "^1.8.1",
-    "node-fetch": "^2.6.1",
-    "parcel-bundler": "^1.12.4",
-    "tailwindcss": "^1.9.6"
+    "node-fetch": "^2.6.1"
   },
   "dependencies": {
     "parse-unit": "^1.0.1"

demo/scripts.js

@@ -85,11 +85,12 @@ module.exports = function (options = {}) {
         };
 
         const fontSizeStyles = (fontSize, { a, b, c }) => {
-            const sizeInPx = toPx(fontSize, defaultConfig.baseFontSize);
+            const size = isArrayLike(fontSize) ? fontSize[0] : fontSize;
+            const sizeInPx = toPx(size, defaultConfig.baseFontSize);
             const trackingSize = tracking(sizeInPx, a, b, c);
 
             return {
-                fontSize,
+                fontSize: size,
                 letterSpacing: `${round(trackingSize, 7)}em`
             };
         };