Self-referential Circular Import Issue in UI Component Library

[QingShan-Xu]

Problem Description

In the monorepo demo, are there any potential circular dependency issues in the UI component library?

// my-app/packages/ui/src/components/accordion.tsx
import { cn } from "@workspace/ui/lib/utils"

importing utilities from the same package using the package name path @workspace/ui/lib/utils instead of relative paths ../../lib/utils.

Does this create a self-referencing circular import because:
The component is part of the @workspace/ui package
It imports from @workspace/ui/lib/utils (same package)

I know that in tsconfig.json it is only used as a development path:

"paths": {
      "@repo/ui/*": ["./src/*"],
    }

But won't this confuse the compiler in apps or this forces the package to reference itself during build time?