[v4] @theme variables modified with @media

[mikededo]

Hey, I have defined CSS variables like the following example, however the changed value due to the media constraint does not apply:

@theme {
  --width-something: 48px;
}

@media (width >= theme(--breakpoints-md)) {
  @theme {
    --width-something: 96px;
  }
}

I'm not entirely sure on how to modify the variables with breakpoints, in v4, so could be that the example is not entirely correct. I've also tried using @layer theme but does not work either. I couldn't find anything similar in the documentation.

[wongjn]

@theme {
  --width-something: 48px;
}

@layer theme {
  :root {
    @variant md {
      --width-something: 96px;
    }
  }
}

https://play.tailwindcss.com/VcXoUmnQSx?file=css