{"_id":"@csstools/postcss-system-ui-font-family","_rev":"5-fa733442aa03d132e33a187d1372c256","name":"@csstools/postcss-system-ui-font-family","dist-tags":{"latest":"2.0.3"},"versions":{"1.0.0":{"name":"@csstools/postcss-system-ui-font-family","version":"1.0.0","keywords":["postcss-plugin"],"license":"MIT-0","_id":"@csstools/postcss-system-ui-font-family@1.0.0","maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"alaguna","email":"sombragriselros@gmail.com"},{"name":"romainmenke","email":"romainmenke@gmail.com"}],"contributors":[{"url":"https://antonio.laguna.es","name":"Antonio Laguna","email":"antonio@laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"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"},"dist":{"shasum":"bd65b79078debf6f67b318dc9b71a8f9fa16f8c8","tarball":"https://registry.npmjs.org/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-1.0.0.tgz","fileCount":7,"integrity":"sha512-s3xdBvfWYfoPSBsikDXbuorcMG1nN1M6GdU0qBsGfcmNR0A/qhloQZpTxjA3Xsyrk1VJvwb2pOfiOT3at/DuIQ==","signatures":[{"sig":"MEQCIEyilkUP/zJLVTT4MdqE2lJiawSvzWmeT+dejFsPsCNcAiAdeAKPbyK/z0IYhz2lzng+taG/KxrkPN8Yvm6t7egblA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7372},"main":"dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"dist/index.mjs","engines":{"node":">=18"},"exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"funding":[{"url":"https://github.com/sponsors/csstools","type":"github"},{"url":"https://opencollective.com/csstools","type":"opencollective"}],"gitHead":"2833beb1da4317a3725c81527bbdb7e2374f8ed8","scripts":{},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"repository":{"url":"git+https://github.com/csstools/postcss-plugins.git","type":"git","directory":"plugins/postcss-system-ui-font-family"},"_npmVersion":"11.6.2","description":"Use the `system-ui` keyword","directories":{},"_nodeVersion":"25.1.0","dependencies":{"@csstools/css-tokenizer":"^3.0.4","@csstools/css-parser-algorithms":"^3.0.5"},"_hasShrinkwrap":false,"peerDependencies":{"postcss":"^8.4"},"_npmOperationalInternal":{"tmp":"tmp/postcss-system-ui-font-family_1.0.0_1764875090717_0.7968991359118558","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@csstools/postcss-system-ui-font-family","version":"2.0.0","keywords":["postcss-plugin"],"license":"MIT-0","_id":"@csstools/postcss-system-ui-font-family@2.0.0","maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"alaguna","email":"sombragriselros@gmail.com"},{"name":"romainmenke","email":"romainmenke@gmail.com"}],"contributors":[{"url":"https://antonio.laguna.es","name":"Antonio Laguna","email":"antonio@laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"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"},"dist":{"shasum":"aef79f3cc9293a1586dadb9d5b79918be4f61ab4","tarball":"https://registry.npmjs.org/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-2.0.0.tgz","fileCount":6,"integrity":"sha512-FyGZCgchFImFyiHS2x3rD5trAqatf/x23veBLTIgbaqyFfna6RNBD+Qf8HRSjt6HGMXOLhAjxJ3OoZg0bbn7Qw==","signatures":[{"sig":"MEUCIEaLYZaENsoPaV8EnG3WgsFCqI5OTEakdfJhinOC7XBfAiEA8gtiE84mUYbgr7oE42upl2EQbUZ56nU9/Uj4PBo8hC0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6878},"type":"module","engines":{"node":">=20.19.0"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"funding":[{"url":"https://github.com/sponsors/csstools","type":"github"},{"url":"https://opencollective.com/csstools","type":"opencollective"}],"gitHead":"ee54ca0997c46db4d2907ddafa773ebaf1e0d54a","scripts":{},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"repository":{"url":"git+https://github.com/csstools/postcss-plugins.git","type":"git","directory":"plugins/postcss-system-ui-font-family"},"_npmVersion":"11.6.2","description":"Use the `system-ui` keyword","directories":{},"_nodeVersion":"25.1.0","dependencies":{"@csstools/css-tokenizer":"^4.0.0","@csstools/css-parser-algorithms":"^4.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"postcss":"^8.4"},"_npmOperationalInternal":{"tmp":"tmp/postcss-system-ui-font-family_2.0.0_1768375776528_0.8390084059267662","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@csstools/postcss-system-ui-font-family","version":"2.0.1","keywords":["postcss-plugin"],"license":"MIT-0","_id":"@csstools/postcss-system-ui-font-family@2.0.1","maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"alaguna","email":"sombragriselros@gmail.com"},{"name":"romainmenke","email":"romainmenke@gmail.com"}],"contributors":[{"url":"https://antonio.laguna.es","name":"Antonio Laguna","email":"antonio@laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"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"},"dist":{"shasum":"23d8049899c596227ec2b2baa71c734b96a65a2b","tarball":"https://registry.npmjs.org/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-2.0.1.tgz","fileCount":6,"integrity":"sha512-xwmkRBtUb66jVVgGp6KbIRrhnUx+IQ0Als+t8Nd8U+Op/GFsrxgrB+cmassThrpv6DFTQYpjds4bh4dfCA4Jvg==","signatures":[{"sig":"MEUCIDb0U8fzahtuJqfN/6emB09JcQEsjAsXbDGJY8114jeyAiEApqbfWU1MbdilHMVFbv19IXiWfZ37HYk9V7ZEP+OqReM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIASfQR5BCv+vBcFNkeF2WUzv+5ol0B9OhRj/ynEXTAK1AiEA4cIgffce40PHzeyoLaHB0ArU4LShE7Kq8MXrQ2Hlr3Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6939},"type":"module","engines":{"node":">=20.19.0"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"funding":[{"url":"https://github.com/sponsors/csstools","type":"github"},{"url":"https://opencollective.com/csstools","type":"opencollective"}],"gitHead":"e78ef16d989517dc7518df21161c340bb721a88d","scripts":{},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"repository":{"url":"git+https://github.com/csstools/postcss-plugins.git","type":"git","directory":"plugins/postcss-system-ui-font-family"},"_npmVersion":"11.13.0","description":"Use the `system-ui` keyword","directories":{},"_nodeVersion":"26.1.0","dependencies":{"@csstools/css-tokenizer":"^4.0.2","@csstools/css-parser-algorithms":"^4.0.1"},"_hasShrinkwrap":false,"peerDependencies":{"postcss":"^8.4"},"_npmOperationalInternal":{"tmp":"tmp/postcss-system-ui-font-family_2.0.1_1790347207742_0.5995873745153131","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@csstools/postcss-system-ui-font-family","version":"2.0.2","keywords":["css","font-family","postcss","postcss-plugin","system-ui"],"license":"MIT-0","_id":"@csstools/postcss-system-ui-font-family@2.0.2","maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"alaguna","email":"sombragriselros@gmail.com"},{"name":"romainmenke","email":"romainmenke@gmail.com"}],"contributors":[{"url":"https://antonio.laguna.es","name":"Antonio Laguna","email":"antonio@laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"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"},"dist":{"shasum":"462af1a8700b090e08bbc0c3523895bce7b11e84","tarball":"https://registry.npmjs.org/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-2.0.2.tgz","fileCount":6,"integrity":"sha512-AtISq6ysfJpzZe/3B8XAim5VJuNqU+s1KWOdlUzAePIPV6urkdnB3pvI0iEcdwKim4W0vmvsjW6B9CBQy9FiXw==","signatures":[{"sig":"MEYCIQCkxO/U7icRlqqH9KB5YjYEXuprBY6Dt7pAXOWtmhyrxAIhAMxOW5ex7/xY46gPys9LRHDiDjmE5GUp70HEi4fxX91n","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQD8YRUOnH68tTIDLz44IAt58Q9o7PjzH68rXpW8RY2jUgIgZQuubXrSSTvXsROj7OWNwMEDIJcH5XjpD0HfiO5p2Gg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6526},"type":"module","engines":{"node":">=20.19.0"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"funding":[{"url":"https://github.com/sponsors/csstools","type":"github"},{"url":"https://opencollective.com/csstools","type":"opencollective"}],"gitHead":"d5145aab6da0d9e7b7de80039ad36be97a3988fc","scripts":{},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"repository":{"url":"git+https://github.com/csstools/postcss-plugins.git","type":"git","directory":"plugins/postcss-system-ui-font-family"},"_npmVersion":"11.13.0","description":"Use the `system-ui` keyword","directories":{},"_nodeVersion":"26.1.0","dependencies":{"@csstools/css-tokenizer":"^4.0.2","@csstools/css-parser-algorithms":"^4.0.2"},"_hasShrinkwrap":false,"peerDependencies":{"postcss":"^8.4"},"_npmOperationalInternal":{"tmp":"tmp/postcss-system-ui-font-family_2.0.2_1790835249675_0.2605582081794746","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"_id":"@csstools/postcss-system-ui-font-family@2.0.3","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"dist":{"shasum":"4053908e053bfb2add66850030de70a10505cf80","tarball":"https://registry.npmjs.org/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-2.0.3.tgz","fileCount":6,"integrity":"sha512-8Sdy9/zwBGWrFldUwvTh0PMulEKzxaQdi6wBrOFt13qww695bRz+46k/cU5kxEQQmHWEwPFiaLjmTQLw+kyFNg==","signatures":[{"sig":"MEYCIQDIzIKDx9PQpK88O7I3v04j8SVS8wlqremJZ36BpxOKiAIhAPKwZnKYEzDgJ+ryVazOufSi6xWTFWtW8EfxLHuRt2FM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEnd2AP5uB1YQ9PuL5yqCSDIqlvzITMQWyk7K3mzpZSkAiBZeK4y6elY5KS0qLvjz+xsJAqzLE7gfvF730pEOO84Ww=="}],"unpackedSize":6550},"name":"@csstools/postcss-system-ui-font-family","type":"module","engines":{"node":">=20.19.0"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"funding":[{"url":"https://github.com/sponsors/csstools","type":"github"},{"url":"https://opencollective.com/csstools","type":"opencollective"}],"gitHead":"0df9b217f554c4a4b71553c7ed791cdb19482e6b","license":"MIT-0","scripts":{},"version":"2.0.3","_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family#readme","keywords":["css","font-family","postcss","postcss-plugin","system-ui"],"repository":{"url":"git+https://github.com/csstools/postcss-plugins.git","type":"git","directory":"plugins/postcss-system-ui-font-family"},"_npmVersion":"11.13.0","description":"Use the `system-ui` keyword","directories":{},"maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"alaguna","email":"sombragriselros@gmail.com"},{"name":"romainmenke","email":"romainmenke@gmail.com"}],"_nodeVersion":"26.1.0","contributors":[{"url":"https://antonio.laguna.es","name":"Antonio Laguna","email":"antonio@laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"dependencies":{"@csstools/css-tokenizer":"^4.0.2","@csstools/css-parser-algorithms":"^4.0.2"},"_hasShrinkwrap":false,"peerDependencies":{"postcss":"^8.4"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-system-ui-font-family_2.0.3_1790956576412_0.008639723052094261"}}},"time":{"created":"2025-12-04T19:04:50.594Z","modified":"2026-10-02T15:56:16.685Z","1.0.0":"2025-12-04T19:04:50.853Z","2.0.0":"2026-01-14T07:29:36.679Z","2.0.1":"2026-09-25T14:40:07.838Z","2.0.2":"2026-10-01T06:14:09.769Z","2.0.3":"2026-10-02T15:56:16.508Z"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT-0","homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family#readme","keywords":["css","font-family","postcss","postcss-plugin","system-ui"],"repository":{"url":"git+https://github.com/csstools/postcss-plugins.git","type":"git","directory":"plugins/postcss-system-ui-font-family"},"description":"Use the `system-ui` keyword","contributors":[{"url":"https://antonio.laguna.es","name":"Antonio Laguna","email":"antonio@laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"alaguna","email":"sombragriselros@gmail.com"},{"name":"romainmenke","email":"romainmenke@gmail.com"}],"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","readmeFilename":"README.md"}