Important

Force all generated atomic CSS declarations to include !important.

When integrating PikaCSS into an existing project with high-specificity styles, you may need all generated atomic classes to win the cascade. Setting important: true appends !important to every generated CSS value.

Config

import { defineEngineConfig } from '@pikacss/core'

export default defineEngineConfig({
  important: true,
})

Examples

Input

const className = pika({
	color: 'red',
	fontSize: '16px',
})

Output

@layer utilities {
  .pk-a {
    color: red;
  }
  .pk-b {
    font-size: 16px;
  }
}

Next

• Preflights — inject base CSS before utilities.
• Layers — control cascade ordering.