feat: Add outline support for new arch

[e-simpson]

Summary

This PR adds support for outline utilities (outlineWidth, outlineStyle, outlineOffset, outlineColor) for React Native 0.73+ (New Architecture).

Changes

Core Implementation

• New: src/parser/outline.ts - Dedicated parser for outline utilities
  • outline - Shorthand (width: 1, style: solid)
  • outline-{width} - Width utilities (0, 1, 2, 4, 8, + arbitrary)
  • outline-{style} - Style utilities (solid, dashed, dotted)
  • outline-offset-{value} - Offset utilities (scale + arbitrary)
  • outline-none - Reset utility
• Update: src/parser/colors.ts - Added support for outline-{color} classes
• Update: src/parser/index.ts - Registered parseOutline in parser chain
• Update: src/index.ts - Exported parseOutline for advanced usage

Tests

• New: src/parser/outline.test.ts

All 9 tests pass (tests width, style, offset, arbitrary values, and edge cases)

Documentation

• New: docs/src/content/docs/reference/outlines.md - Dedicated documentation with compile-time examples
• Update: docs/src/content/docs/reference/borders.md - Removed outline section, added link

Compile-Time Transformation Example

// Input (Tailwind classes) <View className="outline outline-blue-500 outline-offset-2 outline-dotted" /> // Output (React Native style object) <View style={{ outlineWidth: 1, outlineStyle: 'solid', outlineColor: '#3B82F6', outlineOffset: 2 }} />

[e-simpson]

Amazing library! Thanks for making it @mgcrea ! Here is a PR that adds support for outline features on New Arch. I opened an issue for that here

Best, Evan

[mgcrea]

Thanks! Merged!

[e-simpson]

I think the outline feature should use the customColors/scheme/theme data to be dynamic. I can try to test and submit a PR when I have a chance!