refactor(dot-pattern)

[darka1pha]

optimize rendering by using SVG pattern and remove unnecessary state management

[vercel]

@darka1pha is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

[Yeom-JinHo]

@darka1pha
This optimization looks good, but it introduces a backward-compatibility regression: the previous API relied on fill="currentColor" + text-* classes (e.g. className="text-red-500").

With fill-neutral-400/80 and no currentColor on <circle>, existing color overrides break.

Could we keep <circle fill="currentColor" /> and use text-neutral-400/80 as the default class so existing usage stays fully backward-compatible?