Merge pull request #289 from marp-team/upgrade-dependencies

Upgrade Node and dependent packages to the latest

.circleci/config.yml

@@ -109,7 +109,7 @@ jobs:
   test-node16:
     executor:
       name: node
-      version: '16.13.1' # Specify LTS version for development
+      version: '16.14.2' # Specify LTS version for development
     steps:
       - test
 

.nvmrc

@@ -1 +1 @@
-16.13.1
+16.14.2

CHANGELOG.md

@@ -2,10 +2,18 @@
 
 ## [Unreleased]
 
-## v3.0.2 - 2022-01-23
-
 > **v3 is still release candidate.** You have to use `next` tag to install: `npm i --save @marp-team/marp-core@next`.
 
+### Added
+
+- Transform Unicode 14.0 emojis into images ([#289](https://github.com/marp-team/marp-core/pull/289))
+
+### Changed
+
+- Upgrade Node and dependent packages to the latest version ([#289](https://github.com/marp-team/marp-core/pull/289))
+
+## v3.0.2 - 2022-01-23
+
 ### Fixed
 
 - Refactor auto scaling component ([#276](https://github.com/marp-team/marp-core/pull/276))

package.json

@@ -67,63 +67,60 @@
   "devDependencies": {
     "@marp-team/marp-cli": "^1.7.0",
     "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-commonjs": "^21.0.3",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@types/jest": "^27.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
-    "autoprefixer": "^10.4.2",
+    "@rollup/plugin-typescript": "^8.3.1",
+    "@types/jest": "^27.4.1",
+    "@typescript-eslint/eslint-plugin": "^5.16.0",
+    "@typescript-eslint/parser": "^5.16.0",
+    "autoprefixer": "^10.4.4",
     "cheerio": "^1.0.0-rc.10",
-    "cssnano": "^5.0.15",
-    "eslint": "^8.7.0",
-    "eslint-config-prettier": "^8.3.0",
+    "cssnano": "^5.1.5",
+    "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^25.7.0",
+    "eslint-plugin-jest": "^26.1.3",
     "github-markdown-css": "^5.1.0",
-    "jest": "^27.4.7",
+    "jest": "^27.5.1",
     "jest-junit": "^13.0.0",
     "jest-plugin-context": "^2.9.0",
     "markdown-it": "^12.3.2",
     "mkdirp": "^1.0.4",
     "nodemon": "^2.0.15",
     "npm-run-all": "^4.1.5",
     "postcss-url": "^10.1.3",
-    "prettier": "^2.5.1",
+    "prettier": "^2.6.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.66.0",
+    "rollup": "^2.70.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.49.0",
+    "sass": "^1.49.9",
     "sass-extended-importer": "^0.4.2",
     "self-closing-tags": "^1.0.1",
-    "stylelint": "^14.2.0",
+    "stylelint": "^14.6.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard-scss": "^3.0.0",
-    "ts-jest": "27.1.3",
+    "ts-jest": "27.1.4",
     "tslib": "^2.3.1",
-    "typescript": "^4.5.5"
+    "typescript": "^4.6.3"
   },
   "dependencies": {
-    "@marp-team/marpit": "^2.2.2",
+    "@marp-team/marpit": "^2.2.3",
     "@marp-team/marpit-svg-polyfill": "^1.7.1",
-    "emoji-regex": "^9.2.2",
-    "highlight.js": "^11.4.0",
-    "katex": "^0.15.2",
+    "emoji-regex": "^10.0.1",
+    "highlight.js": "^11.5.0",
+    "katex": "^0.15.3",
     "markdown-it-emoji": "^2.0.0",
     "mathjax-full": "^3.2.0",
-    "postcss": "^8.4.5",
-    "postcss-minify-params": "^5.0.3",
-    "postcss-minify-selectors": "^5.1.1",
-    "postcss-normalize-whitespace": "^5.0.2",
+    "postcss": "^8.4.12",
+    "postcss-minify-params": "^5.1.2",
+    "postcss-minify-selectors": "^5.2.0",
+    "postcss-normalize-whitespace": "^5.1.1",
     "postcss-selector-parser": "^6.0.9",
-    "twemoji": "^13.1.0",
-    "xss": "^1.0.10"
-  },
-  "resolutions": {
-    "@marp-team/marp-cli/puppeteer-core/node-fetch": "^2.6.7"
+    "twemoji": "^14.0.1",
+    "xss": "^1.0.11"
   },
   "publishConfig": {
     "access": "public"

src/emoji/emoji.ts

@@ -1,5 +1,5 @@
 import marpitPlugin from '@marp-team/marpit/plugin'
-import emojiRegex from 'emoji-regex/RGI_Emoji'
+import emojiRegex from 'emoji-regex'
 import markdownItEmoji from 'markdown-it-emoji'
 import twemoji from 'twemoji'
 import twemojiCSS from './twemoji.scss'
@@ -15,7 +15,7 @@ interface TwemojiOptions {
   ext?: 'svg' | 'png'
 }
 
-const regexForSplit = new RegExp(`(${emojiRegex().source})`, 'g')
+const regexForSplit = new RegExp(`(${emojiRegex().source})(?!\uFE0E)`, 'g')
 
 export const css = (opts: EmojiOptions) =>
   opts.shortcode === 'twemoji' || opts.unicode === 'twemoji'
@@ -30,10 +30,10 @@ export const markdown = marpitPlugin((md) => {
   const twemojiParse = (content: string): string =>
     twemoji.parse(content, {
       attributes: () => ({ 'data-marp-twemoji': '' }),
-      base: twemojiOpts.base || 'https://twemoji.maxcdn.com/2/',
+      base: twemojiOpts.base || undefined,
       ext: `.${twemojiExt}`,
-      size: twemojiExt === 'svg' ? 'svg' : 72,
-    })
+      size: twemojiExt === 'svg' ? 'svg' : undefined,
+    }) as any // TODO: Remove any casting (https://github.com/twitter/twemoji/pull/535)
 
   const twemojiRenderer = (token: any[], idx: number): string =>
     twemojiParse(token[idx].content)

src/marp.ts

@@ -1,6 +1,6 @@
 import { Marpit, Options, ThemeSetPackOptions } from '@marp-team/marpit'
 import highlightjs from 'highlight.js'
-import postcss from 'postcss'
+import postcss, { AcceptedPlugin } from 'postcss'
 import postcssMinifyParams from 'postcss-minify-params'
 import postcssMinifySelectors from 'postcss-minify-selectors'
 import postcssNormalizeWhitespace from 'postcss-normalize-whitespace'
@@ -101,15 +101,18 @@ export class Marp extends Marpit {
 
   protected renderStyle(theme?: string): string {
     const original = super.renderStyle(theme)
-
-    const postprocessor = postcss(
-      [
-        customElements.css,
-        this.options.minifyCSS && postcssNormalizeWhitespace,
-        this.options.minifyCSS && postcssMinifyParams,
-        this.options.minifyCSS && postcssMinifySelectors,
-      ].filter(Boolean)
-    )
+    const postprocessorPlugins: AcceptedPlugin[] = [
+      customElements.css,
+      ...(this.options.minifyCSS
+        ? [
+            postcssNormalizeWhitespace,
+            postcssMinifyParams,
+            postcssMinifySelectors,
+          ]
+        : []),
+    ]
+
+    const postprocessor = postcss(postprocessorPlugins)
 
     return postprocessor.process(original).css
   }

test/__snapshots__/marp.ts.snap

@@ -2,26 +2,26 @@
 
 exports[`Marp math option with KaTeX injects KaTeX css with replacing web font URL to CDN: katex-css-cdn 1`] = `
 Array [
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_AMS-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_AMS-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_AMS-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Caligraphic-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Caligraphic-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Caligraphic-Bold.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Caligraphic-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Caligraphic-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Caligraphic-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Fraktur-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Fraktur-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Fraktur-Bold.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Fraktur-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Fraktur-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Fraktur-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Bold.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-BoldItalic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-BoldItalic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-BoldItalic.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Italic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Italic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Italic.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Main-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Math-BoldItalic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Math-BoldItalic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Math-BoldItalic.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Math-Italic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Math-Italic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Math-Italic.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Bold.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Italic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Italic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Italic.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_SansSerif-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Script-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Script-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Script-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size1-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size1-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size1-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size2-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size2-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size2-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size3-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size3-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size3-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size4-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size4-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Size4-Regular.ttf') format(\\"truetype\\")",
-  "url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Typewriter-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Typewriter-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].2/dist/fonts/KaTeX_Typewriter-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_AMS-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_AMS-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_AMS-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Caligraphic-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Caligraphic-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Caligraphic-Bold.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Caligraphic-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Caligraphic-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Caligraphic-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Fraktur-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Fraktur-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Fraktur-Bold.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Fraktur-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Fraktur-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Fraktur-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Bold.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-BoldItalic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-BoldItalic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-BoldItalic.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Italic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Italic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Italic.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Main-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Math-BoldItalic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Math-BoldItalic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Math-BoldItalic.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Math-Italic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Math-Italic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Math-Italic.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Bold.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Bold.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Bold.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Italic.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Italic.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Italic.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_SansSerif-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Script-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Script-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Script-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size1-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size1-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size1-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size2-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size2-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size2-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size3-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size3-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size3-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size4-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size4-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Size4-Regular.ttf') format(\\"truetype\\")",
+  "url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Typewriter-Regular.woff2') format(\\"woff2\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Typewriter-Regular.woff') format(\\"woff\\"),url('https://cdn.jsdelivr.net/npm/[email protected].3/dist/fonts/KaTeX_Typewriter-Regular.ttf') format(\\"truetype\\")",
 ]
 `;
 

test/custom-elements/browser.ts

@@ -27,6 +27,7 @@ beforeAll(() => {
             // Sizes are not used because Safari doesn't support them
             borderBoxSize: [],
             contentBoxSize: [],
+            devicePixelContentBoxSize: [],
           },
         ],
         this