Tailwind 設計 tokens 怎麼定才不會亂

在 BlockStudio 我們的 tailwind.config.js 大致分三層：基礎 tokens（color、font、spacing）、語意 tokens（primary / secondary / surface）、元件 tokens（btn-padding、card-radius）。每一層的更動會影響下一層，但不會反向污染。

這篇文章解釋為什麼這個分層在 7 個專案落地後仍然好維護，以及哪些常見錯誤（例如直接在 component 寫 hex）會讓設計系統慢慢失控。