@config "../../tailwind.config.js"; container is not working

[NayanKakadiya]

    container: {
        center: true,
        padding: {
            DEFAULT: "2.1rem",
            lg: "2.4rem",
        },
        screens: {
            sm: "540px",
            md: "720px",
            lg: "960px",
            xl: "1140px",
            "2xl": "1320px",
            "3xl": "1752px"
        },
    },
    extend: {
        screens: {
            "xxl": '1400px', 
            "3xl": "1920px", // Enables "3xl:" prefix in utility classes
        },
        fontSize: {
            base: 'var(--bs-body-font-size)',
        },
        fontFamily: {
            base: 'var(--bs-body-font-family)',
        },
        lineHeight: {
            base: 'var(--bs-body-line-height)',
        },
         colors: {
            primary: 'var(--primary)',
        },
        spacing: {
            6: '1.5rem',
        },
    },
  },

my Css Here
@theme {
  /* Breakpoint thresholds for container max-width */
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --breakpoint-3xl: 1920px;

  --text-base: var(--bs-body-font-size);
  --tw-font-display: "Satoshi", "sans-serif";
  --tw-leading: var(--bs-body-line-height);
  --text-base--line-height: var(--bs-body-line-height);
  
}

output css Here (This Wrong)
.container {
    @media (width >= 96rem) {
        max-width: 96rem;
    }
}
.container {
    @media (width >= 1920px) {
        max-width: 1920px;
    }
}
.container {
    @media (width >= 1400px) {
        max-width: 1400px;
    }
}
.container {
    @media (width >= 1200px) {
        max-width: 1200px;
    }
}
.container {
    @media (width >= 992px) {
        max-width: 992px;
    }
}
.container {
    @media (width >= 768px) {
        max-width: 768px;
    }
}
.container {
    @media (width >= 576px) {
        max-width: 576px;
    }
} 

i nedd screens: {
            sm: "540px",
            md: "720px",
            lg: "960px",
            xl: "1140px",
            "2xl": "1320px",
            "3xl": "1752px"
        }, container