Different padding between localhost and netlify

[zxdream64230]

Environment

• Operating System: Darwin
• Node Version: v20.15.0
• Nuxt Version: 3.15.2
• CLI Version: 3.20.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, devServer, vite, modules, supabase, css, runtimeConfig, nitro
• Runtime Modules: @nuxtjs/[email protected], @nuxt/[email protected], @pinia/[email protected], @nuxtjs/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.12

Reproduction

My github is private for now

Description

I have different paddings between my local environment and netlify

On localhost alla paddings are good but on netlify vertical paddings are set to 0. Especially when I have forms or buttons.

Localhost : https://postimg.cc/JHcTYTKF

Netlify : https://postimg.cc/qtSZN6z1

Additional context

No response

Logs

3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 1583| }
3:24:32 PM: 1584| .rounded-full {
3:24:32 PM: 1585| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 1586| }
3:24:32 PM: 1587| .rounded-lg {
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 5971| &::before {
3:24:32 PM: 5972| content: var(--tw-content);
3:24:32 PM: 5973| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 5974| }
3:24:32 PM: 5975| }
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 6112| &::before {
3:24:32 PM: 6113| content: var(--tw-content);
3:24:32 PM: 6114| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 6115| }
3:24:32 PM: 6116| }
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 6253| &::before {
3:24:32 PM: 6254| content: var(--tw-content);
3:24:32 PM: 6255| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 6256| }
3:24:32 PM: 6257| }
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 1583| }
3:24:32 PM: 1584| .rounded-full {
3:24:32 PM: 1585| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 1586| }
3:24:32 PM: 1587| .rounded-lg {
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 5971| &::before {
3:24:32 PM: 5972| content: var(--tw-content);
3:24:32 PM: 5973| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 5974| }
3:24:32 PM: 5975| }
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 6112| &::before {
3:24:32 PM: 6113| content: var(--tw-content);
3:24:32 PM: 6114| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 6115| }
3:24:32 PM: 6116| }
3:24:32 PM: [warn] [vite:css][postcss] Lexical error on line 1: Unrecognized text.
3:24:32 PM: Erroneous area:
3:24:32 PM: 1: infinity * 1px
3:24:32 PM: ^..^
3:24:32 PM: 6253| &::before {
3:24:32 PM: 6254| content: var(--tw-content);
3:24:32 PM: 6255| border-radius: calc(infinity * 1px);
3:24:32 PM: | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3:24:32 PM: 6256| }
3:24:32 PM: 6257| }

[stijns96]

I'm also getting errors due to infinity.

[huongphamx]

same here. normal build with nuxt build failed

log: [plugin @tailwindcss/vite:generate:build] Sourcemap is likely to be incorrect: a plugin (@tailwindcss/vite:generate:build) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help