[Feature Request] "Compatibility Mode" for preset-typography

[BeiyanYunyi]

It seems that preset-typography doesn't work well on some traditional browsers because it used the :where() selector, which does not work on Chrome before version 88 and Firefox before version 78 according to the browser compatibility table on MDN. It's partially same for :not() selector too.

Since I'm working on a website whose users use very old browsers, I need a workaround. It seems like that add a option to disable not utility (default to not-prose) is the only solution, because with it disabled, the :where() and :not() selectors are no longer needed.

The main change is below:

unocss/packages/preset-typography/src/preflights/index.ts

Lines 25 to 29 in 5812486

	if (match) {
	const matchStr = match[0]
	s = s.replace(matchStr, '')
	return `${escapedSelector} :where(${s})${notProseSelector}${matchStr}`
	}

// change to
if (match) {
  const matchStr = match[0]
  s = s.replace(matchStr, '')
  if (compatibilityMode) return `${escapedSelector} ${s}${matchStr}`
  return `${escapedSelector} :where(${s})${notProseSelector}${matchStr}`
}

If you think this is a good idea, I can make a pull request.