[pigment-css] Box does not create styles

[siriwatknp]

Steps to reproduce

Steps:

1. start with a fresh Next.js project using the official CLI
2. set up Pigment
3. import { Box } and render with sx={{ background: 'red' }}

Current behavior

No styles are created

// page.tsx
import {Box} from '@pigment-css/react/Box';

<Box sx={{ background: 'red', fontSize: '1rem'}}>

Expected behavior

There should be styles

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: pigment css box

[siriwatknp]

@brijeshb42 Also, the import looks inconsistent.

Current:

import { Box } from '@pigment-css/react/Box';
❌ import Box from '@pigment-css/react/Box';
❌ import { Box } from '@pigment-css/react';

Expected:

import { Box } from '@pigment-css/react';