fix(TextSpacing): use native CSS instead of JS on supported modern browsers (qiuwenbaike#1834)

* fix(TextSpacing): use native CSS instead of JS on supported modern browsers

Author: WaitSpringQW

dist/TextSpacing/TextSpacing.css

@@ -4,3 +4,8 @@
 	padding: 0 !important;
 	letter-spacing: 0.125em !important;
 }
+
+body {
+	text-autospace: normal;
+	text-spacing-trim: normal;
+}

dist/TextSpacing/TextSpacing.js

@@ -1,5 +1,6 @@
 import './TextSpacing.less';
 import {WRAPPER_CLASS, addSpaceToString, adjustSpacing, getLeafElements} from './modules/spacing';
+import {supportsTextAutospace} from './modules/supportsTextAutospace';
 
 const run = (element: HTMLElement): void => {
 	const leaves: HTMLElement[] = getLeafElements(element);
@@ -53,4 +54,8 @@ const main = (): void => {
 	run(output);
 };
 
-$(main);
+if (supportsTextAutospace()) {
+	console.info('[TextSpacing] text-autospace is supported natively; no need to run the script.');
+} else {
+	$(main);
+}

src/TextSpacing/TextSpacing.less

@@ -0,0 +1,11 @@
+const supportsTextAutospace = (): boolean => {
+	if (typeof CSS !== 'undefined' && typeof CSS.supports === 'function') {
+		if (CSS.supports('text-autospace', 'normal')) {
+			return true;
+		}
+		return false;
+	}
+	return false;
+};
+
+export {supportsTextAutospace};