0.7.0 Inline CSS properties not being removed

**Problem**

I have some elements that have their style attributes derived from signals. https://github.com/DioxusLabs/dioxus/pull/3950 causes styles to not be removed after they've been applied.

**Steps To Reproduce**

```rust
use dioxus::prelude::*;

fn main() {
dioxus::launch(App);
}

#[component]
fn App() -> Element {
let mut toggled = use_signal(|| false);
rsx! {
button {
style: if toggled() {
"border-radius: 12px; background-color: red;"
} else {
"border-radius: 0px;"
},
onclick: move |_| {
toggled.toggle();
},
{"Toggle Style"}
}
}
}
```
Steps to reproduce the behavior:

- Click the button to set the toggled signal to on
- The button will turn red
- Click the button to set the toggled signal to off
- The button will stay red

**Expected behavior**

The button should no longer be red once it is toggled off.

**Environment:**

- Dioxus version: 0.7.0
- App platform: web