HMR not updating style from an imported source

[djmtype]

Astro Info

Astro                    v5.4.2
Node                     v20.16.0
System                   macOS (arm64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

Chrome, Firefox

Describe the Bug

During development, when updating a CSS property that resides in an imported file, the HMR never updates the page. Therefore, the new value never gets applied.

BTW, the CSS file is imported within Astro's frontmatter.

I tested older Astro versions to see when the issue began. It appears, Astro v4.16, was the last working version. The bug appears from v 5.0.0 in my testing.

Discussion in Discord. https://discord.com/channels/830184174198718474/1347995093172355192

While there is a similar issue open, #12275 – this is not the same issue I'm facing.

What's the expected result?

The page should update when the CSS has changed from any imported file.

Link to Minimal Reproducible Example

https://codesandbox.io/p/devbox/nervous-voice-3ry3l8

Participation

• I am willing to submit a pull request for this issue.

[AdrianoLMRS]

Yeah this is happening to me too, I'm forwarding an SCSS file inside a <style> tag and it is watching for changes, but does not apply the changes in my Firefox dev Browser... Probably it's a HMR bug because when I restart the server it apply the file changes...

[vite] hot updated: /src/components/_pages/index.astro?astro&type=style&index=0&lang.css - Vite is not updating

Using Astro 5.4.3 with Windows 10

[PaulHaze]

I am also having this problem. I have a custom.css style that is imported into the main.css which contains my main tailwind setup. Occasionally (and I mean very occasionally) when I update a style in custom it will activate HMR, but then within a couple of changes it will go back to doing nothing. The only way to see the changes is to stop the server and restart it, which of course does not make for very good DX.