Incorrect CSS emitted for "&" parent selector

[green-coder]

As mentioned in green-coder/girouette#74 (comment), the problem is:

(garden/css [".space-x-2" [#garden.selectors.CSSSelector{:selector "& > * + *"} {:margin-left "0.5rem"}]])
=> ".space-x-2 & > * + * {\n  margin-left: 0.5rem;\n}"

The expected output was more like .space-x-2 > * + * {\n margin-left: 0.5rem;\n} (without the &)

This bug happens because "& > * + *" is not matched by parent-selector-re in

garden/src/garden/compiler.cljc

Lines 176 to 189 in 31066ed

	(def
	^{:private true
	:doc "Matches a single \"&\" or \"&\" follow by one or more
	non-whitespace characters."}
	parent-selector-re
	#"^&(?:\S+)?$")
	(defn- extract-reference
	"Extract the selector portion of a parent selector reference."
	[selector]
	(when-let [reference (->> (last selector)
	(util/to-str)
	(re-find parent-selector-re))]
	(apply str (rest reference))))

This workaround is working:

(garden/css [".space-x-2" [#garden.selectors.CSSSelector{:selector "&>*+*"} {:margin-left "0.5rem"}]])
=> ".space-x-2>*+* {\n  margin-left: 0.5rem;\n}"