fixed pages router font bug

pkgs/luxdefi-ui/next/pages-router-font-vars.tsx

@@ -5,7 +5,7 @@ import type NextFontDesc from './next-font-desc'
 const PagesRouterFontVars: React.FC = () => {
 
   const fontVars = nextFonts.map((fd: NextFontDesc) => (
-    `${fd.cssVar}: ${fd.nextFont.style.fontFamily}`
+    `${fd.cssVar}: ${fd.nextFont.style.fontFamily};`
   )).join('\n')
 
   return <style jsx global>{`

pkgs/luxdefi-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

pkgs/luxdefi-ui/tailwind/typo-plugin/utils.js

@@ -3,60 +3,58 @@ import parser from 'postcss-selector-parser'
 
 const parseSelector = parser()
 
-export default {
-  isUsableColor(color, values) {
-    return isPlainObject(values) && color !== 'gray' && values[600]
-  },
-
-  /**
-   * @param {string} selector
-   */
-  commonTrailingPseudos(selector) {
-    let ast = parseSelector.astSync(selector)
-
-    /** @type {import('postcss-selector-parser').Pseudo[][]} */
-    let matrix = []
-
-    // Put the pseudo elements in reverse order in a sparse, column-major 2D array
-    for (let [i, sel] of ast.nodes.entries()) {
-      for (const [j, child] of [...sel.nodes].reverse().entries()) {
-        // We only care about pseudo elements
-        if (child.type !== 'pseudo' || !child.value.startsWith('::')) {
-          break
-        }
-
-        matrix[j] = matrix[j] || []
-        matrix[j][i] = child
-      }
-    }
-
-    let trailingPseudos = parser.selector()
+export function isUsableColor(color, values) {
+  return isPlainObject(values) && color !== 'gray' && values[600]
+}
 
-    // At this point the pseudo elements are in a column-major 2D array
-    // This means each row contains one "column" of pseudo elements from each selector
-    // We can compare all the pseudo elements in a row to see if they are the same
-    for (const pseudos of matrix) {
-      // It's a sparse 2D array so there are going to be holes in the rows
-      // We skip those
-      if (!pseudos) {
-        continue
-      }
+/**
+ * @param {string} selector
+ */
+export function commonTrailingPseudos(selector) {
+  let ast = parseSelector.astSync(selector)
 
-      let values = new Set([...pseudos.map((p) => p.value)])
+  /** @type {import('postcss-selector-parser').Pseudo[][]} */
+  let matrix = []
 
-      // The pseudo elements are not the same
-      if (values.size > 1) {
+  // Put the pseudo elements in reverse order in a sparse, column-major 2D array
+  for (let [i, sel] of ast.nodes.entries()) {
+    for (const [j, child] of [...sel.nodes].reverse().entries()) {
+      // We only care about pseudo elements
+      if (child.type !== 'pseudo' || !child.value.startsWith('::')) {
         break
       }
 
-      pseudos.forEach((pseudo) => pseudo.remove())
-      trailingPseudos.prepend(pseudos[0])
+      matrix[j] = matrix[j] || []
+      matrix[j][i] = child
     }
+  }
+
+  let trailingPseudos = parser.selector()
+
+  // At this point the pseudo elements are in a column-major 2D array
+  // This means each row contains one "column" of pseudo elements from each selector
+  // We can compare all the pseudo elements in a row to see if they are the same
+  for (const pseudos of matrix) {
+    // It's a sparse 2D array so there are going to be holes in the rows
+    // We skip those
+    if (!pseudos) {
+      continue
+    }
+
+    let values = new Set([...pseudos.map((p) => p.value)])
 
-    if (trailingPseudos.nodes.length) {
-      return [trailingPseudos.toString(), ast.toString()]
+    // The pseudo elements are not the same
+    if (values.size > 1) {
+      break
     }
 
-    return [null, selector]
-  },
+    pseudos.forEach((pseudo) => pseudo.remove())
+    trailingPseudos.prepend(pseudos[0])
+  }
+
+  if (trailingPseudos.nodes.length) {
+    return [trailingPseudos.toString(), ast.toString()]
+  }
+
+  return [null, selector]
 }