Summary

Add outline width, color, and offset controls to the Borders section in the design panel, accessible via the existing + dropdown menu — matching the same UX pattern as Dividers.

Changes

• Add outlineWidth, outlineColor, outlineOffset to BordersDesign type
• Add Tailwind class regex patterns, generators, and parsers for outline properties
• Add Outline option to the + dropdown in BorderControls with popover for width, color, and offset
• Add CMS color variable binding support for outlineColor across variable-utils, layer-utils, resolve-components, and collection-usage-utils

Test plan

• Click + in Borders section, select "Outline" — should add outline with 1px width and #000 color
• Open the Outline popover and adjust width, color, and offset — classes should update on the layer
• Remove outline via the x button — all outline classes should be cleared
• Verify outline classes round-trip correctly (add outline, save, reload — values persist)
• Bind outline color to a CMS color field and verify it resolves correctly

Made with Cursor