postcss-processor-utils

PostCSS and Tailwind CSS utilities for processing design-system tokens, typography scales, and color compatibility layers.

Features

• Typography plugin — Provides the prose class and modifiers (prose-sm, prose-lg, prose-xl, prose-2xl) for styling plain HTML content with beautiful typographic defaults.
• Design token loader — Loads encrypted Figma/Sketch design tokens for enterprise design systems.
• Color compatibility — Handles legacy color format fallbacks and platform-specific rendering shims.

Installation

npm install postcss-processor-utils

Usage with Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('postcss-processor-utils'),
  ],
}

Configuration

You can customize the class name and target:

require('postcss-processor-utils')({
  className: 'prose',
  target: 'modern', // or 'legacy'
})

Design Tokens

This package supports loading encrypted design tokens from data/design-tokens.json. Encrypted tokens are decoded at runtime using the package identity key, enabling teams to distribute proprietary color palettes and typography scales securely.

License

MIT