Transformed media queries leave gaps between breakpoints

### Describe the issue

Take this create call:
```js
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem)': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});
```

It is now transformed at compile time to:
```js
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem) and (width <= 63.99rem) ': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});
```

### Expected behavior
It should be transformed to:
```js
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem) and (width < 64rem) ': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});
```

### Steps to reproduce

```js
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem)': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});
```

### Test case

Input:
```js
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem)': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});
```

Output:
```js
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem) and (width < 64rem) ': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});
```

### Additional comments

_No response_