React Native Expo Metro does not work with single css line, works otherwise

[michaeljamieson10]

repro link minimal reproduce
On removing and (min-width:0\0) and (min-resolution: +72dpi)

the styles will work again.

React Native Expo application using expo 49 metro with config

const { getDefaultConfig } = require('expo/metro-config')

/** @type {import('expo/metro-config').MetroConfig} */
const defaultConfig = getDefaultConfig(__dirname, {
  // Enable CSS support.
  isCSSEnabled: true,
})

// Existing configurations
// This is required for firebase JS to run with Metro
defaultConfig.resolver.sourceExts.push('cjs')
// This will hide all require cycle logs in the metro build
defaultConfig.resolver.requireCycleIgnorePatterns = [/.*/]

defaultConfig.transformer.getTransformOptions = async () => ({
  transform: {
    // This tells metro to strip out any files that are not used for that platform.
    // For example, .web files will not be bundled for iOS or Android and vice versa
    experimentalImportSupport: true,
  },
})

module.exports = defaultConfig

Your Environment

• flatpickr version used: 4.6.13
• Browser name and version: 120.0.6099.109
• OS and version: macOs 14.1.2 (23B92)