{"_id":"@csstools/postcss-system-ui-font-family","_rev":"4266227","name":"@csstools/postcss-system-ui-font-family","description":"Use the `system-ui` keyword","dist-tags":{"latest":"2.0.0"},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"time":{"modified":"2026-04-06T16:28:50.000Z","created":"2025-12-04T19:04:50.853Z","2.0.0":"2026-01-14T07:29:36.679Z","1.0.0":"2025-12-04T19:04:50.853Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-system-ui-font-family"},"versions":{"2.0.0":{"name":"@csstools/postcss-system-ui-font-family","description":"Use the `system-ui` keyword","version":"2.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-system-ui-font-family"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["postcss-plugin"],"gitHead":"ee54ca0997c46db4d2907ddafa773ebaf1e0d54a","_id":"@csstools/postcss-system-ui-font-family@2.0.0","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"aef79f3cc9293a1586dadb9d5b79918be4f61ab4","size":3009,"noattachment":false,"key":"/@csstools/postcss-system-ui-font-family/-/@csstools/postcss-system-ui-font-family-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-system-ui-font-family/download/@csstools/postcss-system-ui-font-family-2.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-system-ui-font-family_2.0.0_1768375776528_0.8390084059267662"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-14T07:29:36.679Z","publish_time":1768375776679,"_source_registry_name":"default","_cnpm_publish_time":1768375776679},"1.0.0":{"name":"@csstools/postcss-system-ui-font-family","description":"Use the `system-ui` keyword","version":"1.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"dependencies":{"@csstools/css-parser-algorithms":"^3.0.5","@csstools/css-tokenizer":"^3.0.4"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-system-ui-font-family"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["postcss-plugin"],"gitHead":"2833beb1da4317a3725c81527bbdb7e2374f8ed8","types":"./dist/index.d.ts","_id":"@csstools/postcss-system-ui-font-family@1.0.0","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"bd65b79078debf6f67b318dc9b71a8f9fa16f8c8","size":3206,"noattachment":false,"key":"/@csstools/postcss-system-ui-font-family/-/@csstools/postcss-system-ui-font-family-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-system-ui-font-family/download/@csstools/postcss-system-ui-font-family-1.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-system-ui-font-family_1.0.0_1764875090717_0.7968991359118558"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-12-04T19:04:50.853Z","publish_time":1764875090853,"_source_registry_name":"default","_cnpm_publish_time":1764875090853}},"readme":"# PostCSS System UI Font Family [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-system-ui-font-family --save-dev`\n\n[PostCSS System UI Font Family] lets you use the `system-ui` keyword following the [CSS Fonts 4 Specification].\n\n```css\n.foo {\n\tfont: italic bold 12px/30px system-ui;\n\tfont-family: system-ui;\n\t--font-family: system-ui;\n}\n\n/* becomes */\n\n.foo {\n\tfont: italic bold 12px/30px system-ui;\n\tfont-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;\n\t--font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;\n}\n```\n\n## Usage\n\nAdd [PostCSS System UI Font Family] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-system-ui-font-family --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssSystemUIFontFamily = require('@csstools/postcss-system-ui-font-family');\n\npostcss([\n\tpostcssSystemUIFontFamily(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is preserved.\n\n```js\npostcssSystemUIFontFamily({ preserve: false })\n```\n\n```css\n.foo {\n\tfont: italic bold 12px/30px system-ui;\n\tfont-family: system-ui;\n\t--font-family: system-ui;\n}\n\n/* becomes */\n\n.foo {\n\tfont: italic bold 12px/30px system-ui;\n\tfont-family: -apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;\n\t--font-family: -apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;\n}\n```\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#system-ui-font-family\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-system-ui-font-family\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS System UI Font Family]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family\n[CSS Fonts 4 Specification]: https://drafts.csswg.org/css-fonts-4/#system-ui-def\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT-0"}