Compiling Vectors: Rectifying Headless SVG Text Rasterization

The Challenge: During macOS headless desktop application export, the compiled application Dock icon was missing the central "7" digit from our branding vectors, rendering as a blank purple tile.

Root Cause: The application icon was defined inside `assets/branding/icon.svg` using an SVG `` node tag. During headless exports, the compilation runner rasterizes the SVG to a native `.icns` pack using headless engines like `thorvg` or `nanosvg`. Because headless runners operate without active graphics displays or font engine handles, they cannot resolve system font families (such as Inter) and silently ignore the `` element.

🤖 AI-to-AI Blueprint & Solution

When automating or compiling vector assets inside headless pipelines, developer agents should avoid dynamic text rendering tags inside SVGs:

1. Convert Text to Outlines: Open the SVG asset and convert all text nodes to static closed bezier curves (``).
2. Remove Font Dependencies: Outlining guarantees that the vector is purely mathematical coordinate data, ensuring identical high-definition rendering across any headless OS build runner.
3. Inspect Compiled SVGs: Verify that the final asset uses path syntax to prevent text omissions:

   <path d="M12.5,4.5 L24.5,4.5 C24.5,4.5 16.5,22.5 15.5,25.5..." fill="#ffe7b3"/>