`nativewind-utils` imported multiple times when using CLI

[katsele]

When I use the CLI command to import a component

npx gluestack-ui add {component}

After the component has been added to my project, I see that @gluestack-ui/utils/nativewind-utils is referenced multiple times in the filess. For example with the <Avatar/> or the <Badge/>

// Avatar
import { tva } from '@gluestack-ui/utils/nativewind-utils';
import {
  withStyleContext,
  useStyleContext,
} from '@gluestack-ui/utils/nativewind-utils';
const SCOPE = 'AVATAR';
import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';

or

// Badge
import { tva } from '@gluestack-ui/utils/nativewind-utils';
import {
  withStyleContext,
  useStyleContext,
} from '@gluestack-ui/utils/nativewind-utils';

I'm using the V3

[Sanchitv3]

To keep your imports clean and organized, especially in VS Code, you can follow this helpful guide:
👉 How to automatically organize imports in Visual Studio Code

It walks through enabling settings that automatically sort and merge your imports, which can really streamline your codebase.

Let me know if you need help configuring it!